30.03.2010 - 3 коммент.

CSS-HTML-AjaxПеренос длинной строки в HTML, используя свойство CSS

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

Очень часто вебмастера или верстальщики забывают при верстке HTML шаблона учесть длинные строки, слова без пробелов.

Оказывается это довольно просто лечится, надо к тегу, в котором заключен текс, добавить CSS свойство: word-wrap: break-word;

Для наглядности смотрим на скриншоте, где первый вариант без, а второй с использованием этого свойства.

Список браузеров, которые нормально обрабатывают этот стиль: IE 5.5 +, Firefox 3.5 +, Chrome и Safari.




3 коммент.



SAGE

11.08.2010→22:10

у меня не работает
FF 3.6.3

Michael

15.02.2011→14:44

Для td'шек этот способ не работает, контейнер должен обязательно иметь свойство block.

Николай

13.05.2012→10:29

Спасибо, сделал "движок" а в пс и новостях новости не переносились...
Большое спасибо)

Оставить комментарий

Комментарий

Категории


Свежие комментарии


Свежие записи


Популярные запросы


Облако меток