Как запретить перенос ссылки html

white-space

normal Текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически. nowrap Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой; вместе с тем, добавление тега
переносит текст на новую строку. pre Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки. pre-line В тексте пробелы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в заданную область. pre-wrap В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку. inherit Наследует значение родителя.

Действие значений на текст представлено в табл. 1.

Табл. 1. Перенос текста и пробелы при разных значениях white-space

Значение	Перенос текста	Пробелы
normal	Переносится	Не учитываются
nowrap	Не переносится	Не учитываются
pre	Не переносится	Учитываются
pre-line	Переносится	Не учитываются
pre-wrap	Переносится	Учитываются

HTML5 CSS2.1 IE Cr Op Sa Fx

white-space

Результат данного примера показан на рис. 1.

Применение свойства white-space

Рис. 1. Применение свойства white-space

Объектная модель

[window.]document.getElementById(» elementID «).style.whiteSpace

Браузеры

Браузер Internet Explorer до версии 7.0 включительно не поддерживает значения pre-line , pre-wrap и inherit . Для значения normal и pre ведут себя как pre-wrap , а значение nowrap ведет себя как pre-line .

Opera до версии 9.5 не поддерживает значение pre-line . Для значения normal и pre ведут себя как pre-wrap , а значение nowrap ведет себя как pre-line .

Safari до версии 3.0 и iOS не поддерживают значения pre-wrap и pre-line .

Firefox до версии 2.0 включительно не поддерживает значения pre-line и pre-wrap . Для значения normal , nowrap , и pre воспринимаются как pre-wrap .

Как убрать перенос ссылки на новую строку

Нужно чтобы после двоеточия начиналась сразу ссылка, и она имела переход на новую строку, а не вся переносилась туда.

Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Как сделать перенос на новую строку?
у меня есть объект angular: password: "Пароль должен содержать: — Символы английского.

Как сделать перенос данных на новую строку
Добрый вечер!Как сделать перенос данных на новую строку в джава FX, если они не входят в.

Как сделать перенос на новую строку в коде html?
Доброе утро! Чисто ради того, чтобы код выглядел эстетичнее задаю этот вопрос. Дело в том, что.

Перенос на новую строку
Каким образом в Rave Designer ( в отчете) можно перенести слово на новую строку? То есть: есть.

202 / 138 / 88
Регистрация: 21.12.2014
Сообщений: 369

Лучший ответ

Сообщение было отмечено LawrenceRUS как решение

Решение

1 2 3

a { display: inline !important; }

Отключить автоматический перенос блока на новую строку. CSS

Здравствуйте. Необходимо чтобы при нехватке места в родительском блоке, дочерние не переносились на новую строку, а скрывались за правым краем и можно было их скроллить Подскажите каким образом можно это сделать. http://jsfiddle.net/M8een/

#container < border: 2px solid red; width: 350px; height: 120px; overflow-x: auto; overflow-y: hidden; >.image

Отслеживать
27.6k 5 5 золотых знаков 35 35 серебряных знаков 65 65 бронзовых знаков
задан 20 окт 2013 в 14:32
427 1 1 золотой знак 6 6 серебряных знаков 17 17 бронзовых знаков

Решил проблему. В родительский блок добавляем: white-space: nowrap; В дочерние: display: inline-block;

20 окт 2013 в 14:54
Вроде работает: jsfiddle.net/M8een/3 А, уже решили.
20 окт 2013 в 14:57

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Для текста есть такая штука white-space: nowrap; Она делает именно то, что вам надо — текст в одну строку! А чтобы работать с другими объектами как с текстом, надо делать их строчными (inline), или строчно-блочными (inline-block). Тогда один объект будет вести себя как одно слово.

inline-block — еще и гораздо более лучший способ выстроить элементы друг за другом Короче говоря, вот ваше решение: http://jsfiddle.net/M8een/1/

У этого способа есть и свои особенности. На инлайны и на инлайн-блоки (как и на текст) влияет вертикальное выравнивание, которое по умолчанию baseline. Сделав плиточную структуру или, скажем, колонки при помощи инлайн-блока хочешь, чтобы они были выравнены по вертикали по верху и надо дополнительно указывать vertical-align: top;

Как запретить перенос ссылки html

Тег уведомляет браузер отображать текст без переносов. Если этого тега в коде документа нет, а также имеются переводы строки, они игнорируются и текст выравнивается по левому краю окна браузера или родительского элемента. При этом браузер переводы строк расставляет автоматически, чтобы текст полностью поместился по ширине окна. Использование тега заставляет отображать текст без переносов, одной строкой, что может привести к появлению горизонтальной полосы прокрутки. Пользователям придется прокручивать текст по горизонтали, чтобы увидеть его полностью, чего обычно делать никто не любит.

Синтаксис

Текст

Закрывающий тег

Атрибуты

Аналог 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

Рис. 1. Текст без переносов

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.