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

Пн Вт Ср Чт Пт Сб Вс
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


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

Ссылки на каскадные стили CSS - word-wrap.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство word-wrap позволяет длинные слова переносить на следующую строку без разрыва строки.

И ещё. Если необходимо переносить слова, то значение свойства word-wrap: break-word; следует указывать всегда, потому как свойство word-wrap понимается всеми браузерами. Это значение word-wrap: break-word; отличается от значения свойства word-break: break-all; тем, что является приоритетным и что слова, которые не помещаются в блок, начинаются с новой строки. При одновременном использовании word-break: break-all; и hyphens: auto; игнорируется hyphens: auto;

Когда пункт меню или кнопка будут разъезжаться, то есть располагаться на разных строчках, то соответственно никакого вида не будет. Потому и надо запретить их разделение( разъезжание). Для этого надо поставить в режим "по умолчанию" и добавить white-space: pre; или white-space: nowrap;

Особенно интересное и необходимое в данном случае не в том, что совершается некие изменение какого-то участка( элемента) страницы сайта. Вся полезная и необходимая информация выражается в том, что свойство word-wrap, которое действует через стили CSS3 продолжает работать и при отключении скриптов JavaScript в браузере Вашего компьютера. Легко и просто и нет заморочек.


Синтаксис:

                word-wrap: normal|break-word|initial|inherit;

Описание и использование

Значение по умолчанию: normal
наследует: да
Версия: CSS3
JavaScript синтаксис: object.style.wordWrap="break-word"


Свойства Значения

Значение Описание
normal Разбивает слова только на разрешенных точках.
break-word Позволяет не разрывать слово
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE >
< html>
< head>
< style> 
p.rr
{
width:23em; 
border:1px solid #09F;
word-wrap:break-word;
}
< /style>
< /head>
< body>

< p class="rr"> Этот абзац содержит очень длинное слово:  
КУАЛА-ЛУМПУР. В длинном слове не будет разрыва 
и перенос  будет на следующую строку.< /p>

< /body>
< /html>                      

Результат программы:

Этот абзац содержит очень длинное слово: КУАЛАЛУМПУРСТОЛИЦАМАЛАЙЗИИ. В длинном слове не будет разрыва и перенос будет на следующую строку.




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: