4 февраля 2011 г.

Как сделать перенос очень длинной строки не имеющей пробелов?

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


В Интернете нашел решение с использованием CSS3, а именно свойства word-wrap. Поддержка этого свойства была доступна еще в IE5, поэтому можно предположить что данное решение подойдет также и для всех распространенных браузеров.


CSS код:

.wordwrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */ }

Как было?

Как стало...

Комментариев нет:

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