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

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

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

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

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

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

Комментарии

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

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

  3. Блок должен быть с фиксированной шириной! Иначе могут быть проблемы в разных браузерах. У меня не работало в Chrome и Safari.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *