Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31


Чувашия-это моя Россия

Пробел в CSS.

По умолчанию все браузеры строки исходного кода документа сайта, содержащие символы пробела, превращают в один пробел, а переносы строки игнорируются. В XHTML предварительно отформатированный элемент рrе позволяет сохранить пробелы и отобразить текст из исходного кода так, как он был напечатан. Свойство CSS white-space делает то же самое, а также многое другое.

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

                                   normal
                                   рrе
                                   nowrap
                                   pre-wrap
                                   pre-line
                                   inherit

Начальное значение: normal. Применимо: Ко всем элементам . Наследуется: Да.

При использовании значения normal текст обрабатывается как обычно, т. е. последовательные пробелы превращаются в один. Значение параметра рrе отображает множественные символы пробелов, как предварительно отформатированный элемент рге в (X)HTML, за исключением того, что оно не влияет на шрифт элемента (браузеры, как правило, отображают элементы рrе моноширинным шрифтом).

Значение nowrap в CSS препятствует переносу текстового элемента, если только перенос не обозначен элементом < br />. Без использования элемента перенос строки < br /> текст может выходить за пределы окна браузера, и в этом случае нужно использовать горизонтальную прокрутку. В CSS 2.1 появились два новых значения для свойства white-space. Значение pre-wrap сохраняет множественные пробелы, но позволяет переносить длинные строки текста. Разрывы строки в исходном коде также используются. Значение pre-line объединяет множественные пробелы в один, но сохраняет переносы строки, имеющиеся в исходном коде.

Теорию преверяем на практике:

Вот, стилевой элемент style="white-space: pre"

Значение nowrap препятствует переносу текстового элемента страниц сайта, если только перенос не обозначен элементом < br />. Без использования элемента перенос строки < br /> текст страниц сайта может выходить за пределы окна браузера, и в этом случае нужно использовать горизонтальную прокрутку. В CSS 2.1 появились два новых значения для свойства white-space. Значение pre-wrap сохраняет множественные пробелы, но позволяет переносить длинные строки текста. Разрывы строки в исходном коде также используются. Значение pre-line объединяет множественные пробелы в один, но сохраняет переносы строки, имеющиеся в исходном коде.


Вот, стилевой элемент style="white-space: pre-wrap"

Значение nowrap препятствует переносу текстового элемента, если только перенос не обозначен элементом < br />. Без использования элемента перенос строки текст может выходить за пределы окна браузера, и в этом случае нужно использовать горизонтальную прокрутку. В CSS 2.1 появились два новых значения для свойства white-space. Значение pre-wrap сохраняет множественные пробелы, но позволяет переносить длинные строки текста. Разрывы строк в исходном коде также используются. Значение pre-line объединяет множественные пробелы в один, но сохраняет переносы строки, имеющиеся в исходном коде страниц сайта.

Вот, стилевой элемент style="white-space: nowrap"

Пример со значением параметра nowrap писать не буду, так как перевода строк не будет и отображение не войдет в окно и откроется прокрутка, что обезобразить нашу картину. Чуть позже напишу сценарий с дополнительным окном и с прокруткой текста.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: