white-space

Свойство white-space определяет как отображать пробелы, символы табуляции и пустой строки. По умолчанию последовательность символов пробела отображается браузером как один символ. С помощью свойства white-space можно изменить отображение пробелов. На иллюстрации ниже можно увидеть, что фиксированная ширина столбца таблицы заставила часть заголовка "сползти" на следующую строку.


Применив к заголовку свойство white-space со значением nowrap мы укажем браузеру, что не нужно переносить слова заголовка - результат на иллюстрации ниже.


Пример

th {white-space: nowrap}

Возможные значения

normal
Пробелы, символы табуляции и пустой строки определяются и отображаются браузером автоматически.
pre
Пробелы, символы табуляции и пустой строки будут отображаться в той последовательности и в том количестве, которые указаны разработчиком в HTML-коде документа.
nowrap
Пробелы, символы табуляции и пустой строки в коде HTML игнорируются, весь текст отображается одной строкой. Перенос текста на новую строку можно указать с помощью тега "BR".
pre-wrap
Сохраняет последовательность пробелов, текст переносится автоматически.
pre-line
Отображает последовательность пробелов как один, перенос строк сохраняется.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: normal

Применяется: Ко всем элементам

Наследуется: Да