IT-салат

Обновлено: 17.07.2008 - 22:55

Особо никогда не задумывался над этой проблемой, но вот появилась она в моем блоге. Что делать с тэгом pre? Строки в нем не переносятся и тогда pre ломает верстку.
Все решается с помощью нескольких строчек в css-файле. Собственно:

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

Ну а если мы хотим еще немного украсить наш pre-блок, то делаем примерно так:

pre{
padding:10px;
margin:2px;
border:1px dotted #f52;
background:#f8f8f8;
 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+ */
}