Устанавливает, как отображать пробелы (включая переход строки и последовательность пробельных символов) между словами в пределах элемента. Обычно любое количество пробелов в коде 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;
}
