html-pre-tag.png

Вы наверное не раз замечали, что при использовании тега PRE или CODE для отображения какого-то куска кода получается весьма некрасивая картина. А именно: строки отображаюся без переносов, растягивая и портя дизайн сайта. До того как я написал прошлую заметку я особо не заморачивался данной проблемой. Сегодня же пришлось погуглить и найти красивое CSS решение проблемы:

1
2
3
4
5
6
7

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+ */
}

Понравилась статья? Поделись с другими:

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

    1. PNG-прозрачность в IE 5.5-6-7 PNG-прозрачность в IE 5.5-6-7
    2. Кодировка в MySQL Кодировка в MySQL
    3. Cufon или Typeface.js — что лучше? Cufon или Typeface.js — что лучше?
    4. Submit формы в новом окне Submit формы в новом окне