Довольно часто вебмастера сталкиваются с использованием тегов PRE и CODE. Например при использовании подсветки синтаксиса языков на страницы.
Добавил: Amro Дата: 11.12.2011 11:31
Добавил: Amro Дата: 11.12.2011 11:31
Довольно часто вебмастера сталкиваются с использованием тегов PRE и CODE. Например при использовании подсветки синтаксиса языков на страницы. Но огорчает весьма некрасивая картина: строки отображаются без переносов. Тем самым портится дизайн сайта из-за чрезмерного растягивания.
Я столкнулся с данной проблемой при прикручивании хайлатера для этого блога. Решил её следующим весьма красивым и кроссбраузерным способом:
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* 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+ */
}