Справочники HTML5 nobr

Что такое nobr в HTML5?

При использовании HTML тега <nobr> браузер будет отображать текст внутри этого контейнера без переносов строк. Если br задает перенос строки, то с этим все наоборот. Требует закрывающий тег </nobr>.

Атрибуты:
  • У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.
Пример:
HTML код:
<div id="fullWidth">
	<p>Обычный текст, который будет разделен на несколько линий, так как здесь не было использовано тега nobr. Обычный текст в общем.</p>
	<p><nobr>Обычный текст, который будет не разделен на несколько линий, так как здесь был использован тега nobr. Достаточно полезное свойство честно говоря!</nobr></p>
</div>
CSS код:
#fullWidth>p:last-of-type {
	max-width: 100%;
	padding-bottom: 20px;
	overflow-x: scroll;
}
Результат:

Обычный текст, который будет разделен на несколько линий, так как здесь не было использовано тега nobr. Обычный текст в общем.

Обычный текст, который будет не разделен на несколько линий, так как здесь был использован тега nobr. Достаточно полезное свойство честно говоря!

Комментарии (1)
Добавить комментарий

Глеб Игоревич 12 марта 2024 в 21:27

Можно привести пример когда имеет смысл его использовать?
Зачем делать так чтобы часть текста не оптимизировалась по ширине экрана
Ответить