Пример
Указывает, что текст в параграфе никогда не будет перенесен:<html>
<head>
<meta charset="utf-8" />
<style>
p { white-space:nowrap; }
</style>
</head>
<body>
<p>
Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст.
</p>
</body>
</html>
Определение и использование
Свойство white-space указывает как пробелы внутри элемента обрабатываются.
| Значение по умолчанию: | normal |
|---|---|
| Унаследованный: | да |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.whiteSpace="pre" |
Поддержка браузеров
Свойство white-space поддерживается во всех ведущих браузерах.
Примечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8 требует !DOCTYPE. IE9 поддерживает "inherit".
Значения свойства
| Значение | Описание | Играйте |
|---|---|---|
| normal | Последовательность пробелов уменьшается до одного пробела. Текст будет переносится, когда это необходимо. Это по умолчанию | Играйте » |
| nowrap | Последовательность пробелов уменьшается до одного пробела. Текст никогда не переносится на новую строку. Текст продолжается на той же строке пока не встречает тег <br /> | Играйте » |
| pre | Пробелы сохраняются браузером. Текст переносится только при фактическом переносе строки как при теге HTML <pre> | Играйте » |
| pre-line | Последовательность пробелов уменьшается до одного пробела. Текст будет переносится, когда это необходимо, и при прерывании строки | Играйте » |
| pre-wrap | Пробелы сохраняются браузером. Текст будет переносится, когда это необходимо, и при прерывании строки | Играйте » |
| inherit | Указывает, что значение свойства white-space должно быть унаследовано от родительского элемента |
Была ли эта информация полезной?
