Свойство white-space - это мощный инструмент, позволяющий точно контролировать то, как браузер обрабатывает пробелы и переносы строк внутри элемента. Без него текст может вести себя непредсказуемо, а с ним вы получаете полный контроль над вёрсткой! | Значение по умолчанию: | normal | | Наследуется: | да | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.whiteSpace="pre" | | Значение | Описание | | normal | Классический режим: все лишние пробелы схлопываются в один, а текст автоматически переносится на новую строку при необходимости. Самый привычный вариант для большинства случаев. | | nowrap | Пробелы тоже объединяются, но вот перенос строк запрещён! Текст будет «тянуться» бесконечно, пока в коде явно не встретится тег <br>. Отлично подходит для табличных ячеек или коротких подписей. | | pre | Режим «как в редакторе кода»: пробелы сохраняются строго так, как вы их написали. Перенос строки происходит только там, где он был сделан вручную. Идеально для отображения исходного кода или логи файлов. | | pre-line | Компромиссный вариант: лишние пробелы убираются, но все намеренные разрывы строк сохраняются. При этом браузер всё же может переносить длинные слова или строки по необходимости. | | pre-wrap | Максимальная гибкость: пробелы не схлопываются, все разрывы строк из исходного кода уважаются, но если строка слишком длинная - она всё равно аккуратно перенесётся. Очень полезное значение! | | inherit | Просто наследует поведение от родительского элемента. Удобно, когда нужно явно указать, что специфических настроек нет. | Пример
|