English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Пробельное свойство white-space в CSSИспользуется для указания того, как следует отображать содержимое элемента. Используется дляОбработка пробелов внутри элементов.
Есть много значений пробелов, которые можно использовать для отображения содержимого элемента.
| Значение | Описание |
|---|---|
| normal | Это значение по умолчанию. В этом значении при необходимости текст будет перенесен на новую строку. Пробельные символы сжимаются в один пробел. |
| nowrap | Пробельные символы сжимаются в один пробел. В этом значении текст никогда не будет перенесен на следующую строку, за исключением использования тегов. |
| pre | Пробелы сохраняются браузером. Это как html-тег pre. Текст будет переноситься на новую строку только на знаке перевода строки. |
| pre-line | Пробельные символы сжимаются в один пробел. При необходимости текст переносятся на новую строку, и это можно сделать онлайн. |
| pre-wrap | Пробелы сохраняются браузером. При необходимости текст переносятся на новую строку, и это можно сделать онлайн. |
| initial | Этот атрибут устанавливается в его значение по умолчанию. |
| inherit | Этот атрибут наследуется из родительского элемента. |
<!DOCTYPE html>
<html>
<head>
<style>
p {
white-space: nowrap;
}
</style>
</head>
<p>
Напишите несколько слов. Напишите несколько слов. Напишите несколько слов...
Напишите несколько слов. Напишите несколько слов. Напишите несколько слов...
Напишите несколько слов. Напишите несколько слов. Напишите несколько слов...
Напишите несколько слов. Напишите несколько слов. Напишите несколько слов.
Напишите несколько слов. Напишите несколько слов. Напишите несколько слов...
</p>
</html>Проверьте, как это выглядит‹/›