ru af en-us pl be tr

Категория CSS  

Ограничение длины строки в большом блоке текста CSS3


2012-11-07 12:07:57

Ограничение длины строки в большом блоке текста CSS3

 

 

Да, я сама только что сказала, что мы будем работать над оформлением коммента-

риев. Но прежде чем браться за облачка с текстом, давайте быстренько избавимся 

от извечной и крайне раздражающей проблемы с форматированием текста, которую 

можно разрешить с помощью простейшего кода CSS3.

 

Очень часто люди добавляют в комментарии

и публикации на форумах URL-адреса, но почти

всегда длинные URL-адреса вылезают за пределы

предназначенных для них контейнеров (рис. 2.2)

Почти все современные браузеры умеют перено-

сить на новую строку адреса, содержащие дефи-

сы (-). Однако браузеры на базе Webkit, а также

IE не вставляют разрыв строки после косой

черты (/), и ни один из современных браузеров

не умеет разрывать строку рядом с символом

подчеркивания (_).

 

Здесь нас поджидает приятный 

сюрприз: свойство word-wrap 

работает в IE, причем во мно-

жестве устаревших версий, на-

чиная с 5.5. В действительности 

автором этого свойства являются 

разработчики Microsoft, и лишь 

позднее его взял на вооружение 

консорциум W3C.

 

Ограничение длины строки в большом блоке текста CSS3

 

  Длинные URL-адреса зачастую вылезают за пределы контейнеров, 

особенно если в тексте адреса встречаются символы подчеркивания

 

В CSS3 наконец-то появился простой способ приказать браузеру разрывать длинные 

строки текста, причем прямо внутри слов. Для этого всего лишь нужно присвоить 

свойству word-wrap значение break-word, и браузер сам будет вставлять разрыв 

в подходящем месте строки, не давая ей вылезти за пределы контейнера.

 

 




Похожие статьи

 Межбуквенные расстояния CSS
 Первая строка параграфа CSS
 Отступы(margin) CSS
 Введение CSS3
 


Сайт является частным собранием материалов и представляет собой любительский информационно-образовательный ресурс. Вся информация получена из открытых источников. Администрация не претендует на авторство использованных материалов. Все права принадлежат их правообладателям