CSS свойство white-space

Устанавливает, как отображать пробелы (включая переход строки и последовательность пробельных символов) между словами в пределах элемента. Обычно любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег <pre>, здесь текст отображается со всеми пробелами, как он был отформатирован пользователем.

CSS синтаксис

white-space: normal | nowrap | pre | pre-line | pre-wrap | initial | inherit;

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

Значение Описание
normal Значение по умолчанию. Последовательность пробельных символов сворачивается в один пробел, а переносы строк устанавливаются автоматически.
nowrap Последовательность пробельных символов сворачивается в один пробел. Текст никогда не переносится на новую строку и выводится в одну линию. Перенос происходит только по тегу <br>.
pre Текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML. Действует аналогично тегу <pre>.
pre-line В тексте последовательность пробельных символов сворачивается в один пробел, текст автоматически переносится на следующую строку, если он не помещается в заданную область.
pre-wrap В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.
inherit Значение наследуется от родительского элемента.
initial Устанавливает значение по умолчанию.

Пример

Устанавливаем, что текст в элементе <p> никогда не будет переноситься на новую строку


p {
     white-space: nowrap;
}