Свойство white-space в HTML указывает браузеру, как обрабатывать пробелы в тексте. 2 По умолчанию браузер игнорирует форматирование в HTML и ориентируется только на теги. 2 Он заменяет переносы строк, сделанные с помощью клавиши Enter, на пробелы, а несколько подряд идущих пробелов выводит как один. 3 Текст, который не помещается в строку, переносится на следующую. 3
Некоторые значения свойства white-space и их действие:
- normal. 25 Если в строке есть несколько подряд идущих пробелов, то браузер схлопывает их в один пробел. 2 Все переносы строк в HTML внутри тега также заменяются на пробел. 2 В итоге текст на странице переносится по пробелам, учитывая границы элемента. 2
- nowrap. 2 Подряд идущие пробелы и переносы строк обрабатываются так же, как и с normal, но браузер перестаёт учитывать границы элемента и выводит весь текст в одну строку. 2
- pre. 2 Сохраняется всё форматирование из HTML, включая переносы строк и последовательности пробелов. 2
- pre-wrap. 15 В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесён на следующую строку. 1
- pre-line. 1 В тексте пробелы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в заданную область. 1
- break-spaces. 35 Похож на pre-wrap, но отличается от него алгоритмом разбивки пробелов в конце строки. 3
Принудительно организовать перенос текста вне зависимости от форматирования можно с использованием тега
. 2 Поведение текста при использовании этого тега одинаково при любых значениях свойства white-space. 2