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