white-space

Свойство white-space применяется для изменения поведения браузера к тексту в документе HTML.

Синтаксис

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

JavaScript:

object.style.whiteSpace="value"

Спецификация W3C

white-space: pre

Текст с сохранением всех отступов, пробелов и переносов строк. В отличии от тега HTML pre, значение CSS pre не меняет шрифт для текста на моноширинный. Если контейнер переполнен, текст не переходит на новую строку, появится горизонтальная полоса прокрутки.

Значение pre для свойства white-space
Текст с сохранением всех отступов, пробелов и переносов строк

white-space: pre-wrap

Текст с сохранением всех отступов, пробелов и переносов строк. В отличии от значения pre, текст автоматически переходит на новую строку избегая переполнения контейнера. Код контейнера будет иметь достаточно места, чтобы поместить больше текста.

Значение pre-wrap для свойства white-space
Текст с сохранением всех отступов, пробелов, текст автоматически переходит на новую строку

white-space: pre-line

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

Значение pre-line для свойства white-space
Не учитывает пробелы и отступы, текст автоматически переходит на новую строку

white-space: nowrap

Текст одной строкой не учитывая пробелы, отступы и переносы строк. Тег br переносит текст на новую строку. Если контейнер переполнен, появится горизонтальная полоса прокрутки.

Значение nowrap для свойства white-space
Текст одной строкой не учитывая пробелы, отступы и переносы строк

white-space: normal

Текст как обычно, перенос строк зависит от ширины окна браузера.

white-space: inherit

Текст наследует значение родительского элемента.

Поддержка
Edge IE Chrome Opera Safari Firefox Android iOS
12+ 8+