Пробелы между словами

CSS white-space

Для того чтобы воздействовать на характер отображения пробелов между словами которые выводятся на странице сайта, в CSS предусмотрено свойство white-space. По умолчанию пробелы между словами, коде HTML, выводятся как один, не зависимо от их числа. И только текст, помещённый в нутрии контейнера <pre></pre>, выводится со всеми пробелами и переносами строк, так как он и был отформатирован. Свойство, white-space аналогично тегу <pre>, и отличается лишь выводом шрифта, который не меняется на моноширинный.


white-space : normal;

normal – текст в окне браузера отображается как обычно


white-space : nowrap;

nowrap – при выборе данного параметра все пробелы и переносы строк в коде HTML не учитываются, а текст выводится одной сплошной строкой


white-space : pre;

pre – текст выводится с учетом всех переносов и пробелов


white-space : pre-line;

pre-line – в выводимом тексте все пробелы не учитываются, а перенос осуществляется автоматически


white-space : pre-wrap;

pre-wrap – в содержимом сохраняются все пробелы и переносы, а строки превышающие ширину поля вывода текста, автоматически переносятся


white-space : inherit;

inherit – наследование родительского значения