Nobr что это
Элемент (от англ. no line break — нет переноса строки) уведомляет браузер отображать текст без переносов. Без него текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью.
Это нестандартный элемент, взамен него используйте стили.
Синтаксис
Текст Атрибуты
Пример
Результат данного примера показан ниже.
Рис. 1. Текст без переносов
Примечание
Для запрета переноса строк в тексте используйте свойство white-space со значением nowrap .
Браузеры
| 3 | 12 | 1 | 4 | 1 | 1 |
| 4.4 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Nobr что это
Тег уведомляет браузер отображать текст без переносов. Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит.
Синтаксис
Текст Закрывающий тег
Атрибуты
Аналог CSS
Валидация
Этот тег не входит в спецификацию HTML и его наличие приведет к невалидному коду.
HTML 4.01 IE Cr Op Sa Fx
Тег NOBR Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Результат данного примера показан ниже.
Рис. 1. Текст без переносов
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
nobr HTML
Тег обратен тегу
, тег не позволяет тексту делать переносы на другую строку.
У данного тега нет специальных атрибутов
Данный тег не рекомендуется использовать, так как он грозит появлением прокрутки текста слева на право, что обычно пользователи не любят.
Требует закрывающий тег .
11 ноября 2021 г.
Полезные ссылки
Как создать игру на Unity
Unity — это самая популярная в мире платформа разработки игр, ведь на ней создано более 50% всех мобильных иг…
Что выбрать программисту? Высшее образование или курсы
Часто ли вы слышите, что без высшего образования никуда, но так ли оно важно для программиста? С быстрым разв…
Продвижение – это просто! Рассказываем, как сделать ваш проект популярным в Интернете. Как продвинуть сайт в интернете
Узнаете, как продвинуть сайт в интернете, привлечь целевую аудиторию и сделать проект прибыльным. Поймете при…
Почему мы выбираем Timeweb
Что такое хостинг, как выбрать хостинг , почему мы остановились на Timeweb
Комментарии могут оставлять только зарегестрированные пользователи!
Комментарии
Ваш комментарий будет первым !
Онлайн тест на знание цикла while языка программирования python
Пройдите онлайн-тест на знание цикла while в языке программирования Python. Узнайте свой уровень и проверьте …
Unity как сделать красивое меню выбора уровней. Оптимизация игры на unity под разные расширения. Unity scroll view
Узнайте, как создать красивое меню выбора уровней в Unity и оптимизировать игру под разные разрешения экрана.…
Для улучшения работы сайта и его взаимодействия с пользователями мы используем файлы cookie. Продолжая работу с сайтом, Вы разрешаете использование cookie-файлов. Вы всегда можете отключить файлы cookie в настройках Вашего браузера.
Что такое nobr в HTML5?
При использовании HTML тега
Атрибуты:
- У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.
Пример:
Обычный текст, который будет разделен на несколько линий, так как здесь не было использовано тега nobr. Обычный текст в общем.
Обычный текст, который будет не разделен на несколько линий, так как здесь был использован тега nobr. Достаточно полезное свойство честно говоря!
#fullWidth>p:last-of-type
Результат:
Обычный текст, который будет разделен на несколько линий, так как здесь не было использовано тега nobr. Обычный текст в общем.