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

  • страница пред. visibility
  • Следующая страница widows

определение и использование

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

Этот атрибут объявляет, как обрабатывать пробельные символы в элементе в процессе создания макета. Значения pre-wrap и pre-line были добавлены в CSS 2.1.

смотрите также:

Уроки CSS:Текст в CSS

Руководство по HTML DOM:атрибут whiteSpace

пример

определяет, не должны ли текст в абзаце разбиваться на строки:

p
  {
  white-space: nowrap;
  }

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

CSS синтаксис

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

значение атрибута

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

технические детали

по умолчанию: normal
наследование: да
версия: CSS1
JavaScript синтаксис: объект.style.whiteSpace="pre"

более примеров

Запрет разрыва текста в элементе
Этот пример показывает, как можно запретить разрыв текста в элементе.

поддержка браузерами

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5
  • страница пред. visibility
  • Следующая страница widows