Свойство CSS white-space отвечает за управлением пробелами между символами.
Синтаксис CSS white-space
white-space: normal | nowrap | pre | pre-line | pre-wrap | inherit;
Где:
normal - обычное отображение, когда множественные пробелы склеиваются в один, а перенос строк делается автоматически (по умолчанию стоит это значение)
nowrap - пробелы склеиваются в один, а перенос строк автоматически не делается
pre - пробелы и перенос строк учитываются. Аналогичен тегу <pre>, но с отличием, что текст может выходить за пределы области
pre-line - аналогично значению pre с отличием, что если текст не помещается в допустимой области, то он переносится автоматически
pre-wrap - пробельные символы учитываются, перенос строк делаются автоматически
inherit - принять значение предка (родителя)
Пример 1. Свойство white-space: nowrap
[html]
<html>
<head>
<style>
.primer1{
white-space: nowrap;
font-size: 14px;
width: 200px;
border: 1px solid #3A2;
padding: 3px;
}
</style>
</head>
<body>
<div class="primer1">Пробелы склеиваются в один. Переноса
строки нет</div>
</body>
</html>
[/html]
