Довідники 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. Досить корисна властивість, чесно кажучи!

Коментарі
Додати коментар

Поки що коментарів немає