CSS white-spaceСвойство


Пример

Указывает, что текст в абзаце не переносится:

p { white-space:nowrap; }

Попробуйте сами »

Определение свойства и инструкции по использованию

Свойство white-space определяет, как обрабатываются пробельные символы внутри элемента.

Значение по умолчанию: нормальный
Наследуется: да
версия: CSS1
Синтаксис JavaScript: object.style.whiteSpace="pre"


Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.

Свойство
white-space 1.0 5.5 3.5 3.0 9.5

Синтаксис

/* 值 */
white-space: normal;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: break-spaces;

/* 全局值 */
white-space: inherit;
white-space: initial;
white-space: revert;
white-space: revert-layer;
white-space: unset;

Значение свойства

Значение Описание
нормальный По умолчанию. Пробельные символы игнорируются браузером.
pre Пробельные символы сохраняются браузером. Поведение аналогично тегу <pre> в HTML.
nowrap Текст не будет переноситься; он будет продолжаться на той же строке, пока не встретится тег <br>.
pre-wrap Последовательности пробельных символов сохраняются, но переносы строк происходят как обычно.
pre-line Последовательности пробельных символов сворачиваются, но переносы строк сохраняются.
inherit Указывает, что значение свойства white-space должно наследоваться от родительского элемента.

Поведение различных значений white-space:

Перевод строки Пробелы и табуляции Перенос текста Завершающие пробелы
normal Слиянием Слиянием перенос строки Delete
nowrap Слиянием Слиянием nowrap Delete
pre сохранять сохранять nowrap сохранять
pre-wrap сохранять сохранять перенос строки приостанавливать
pre-line сохранять Слиянием перенос строки Delete
break-spaces сохранять сохранять перенос строки перенос строки


Связанные статьи

Учебник CSS:CSS Text

Другие расширения