CSS · справочник

Свойство white-space

white-space определяет, сохраняются ли пробелы и переносы из исходного текста и может ли браузер переносить строку по ширине контейнера.

Обычный текст и nowrap

normal объединяет последовательности пробелов и разрешает перенос строк. nowrap запрещает перенос и подходит короткой метке, но может создать горизонтальную прокрутку.

.badge { white-space: nowrap; }
.article { white-space: normal; }

Сохранение форматирования

pre сохраняет пробелы и запрещает автоматический перенос. pre-wrap сохраняет форматирование, но разрешает перенос длинной строки внутри контейнера.

.message { white-space: pre-wrap; }
.code { white-space: pre; overflow-x: auto; }

Частые ошибки

• nowrap у длинного текста.
• Pre без горизонтальной прокрутки.
• Пытаться создавать отступы пробелами.
• Не учитывать пользовательский ввод с переносами.

Связанные темы

overflow · line-height · Строки