Справочники 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. Достаточно полезное свойство честно говоря!

Комментарии