Свойство white-space

Свойство white-space управляет выводом пробелов в тексте элемента. Значение pre действует аналогично элементу <pre>…</pre>, т.е. сохраняет форматирование (в том числе переход на новую строку) исходного документа HTML, значение nowrap запрещает переносить текст на новую строку, а значение normal оставляет управление выводом пробелов за Web-браузером (автоматический перенос на новую строку, лишние пробелы между словами удаляются при форматировании по ширине – вставка пробелов между словами). Значение normal является значением по умолчанию.

 

Пример 4.3.47. Задание свойства white-space:

В таблице стилей заданы следующие два правила для классов:

.pre {white-space: pre}

.noWrap {white-space: nowrap}

Вывод абзаца

<p>Люблю грозу в начале мая,

Когда весенний первый гром,

Как бы резвяся и играя,

Грохочет в небе голубом.</p>,

а затем этого же абзаца с классом pre (<p class="pre">) и с классом noWrap (<p class="noWrap">) в окне Web-браузера будет иметь следующий вид: