Как сделать, чтобы в теге <pre> текст переносился по строкам (wrap text in pre tag)?

Нет картинки Делаем с помощью CSS так, чтобы текст внутри тега <pre> переносился по строкам, а не уезжал за пределы области.

По-умолчанию текст, заключённый внутри тега <pre>, показывается на странице как есть. То есть если строка длинная, то она такой и останется. И следует либо вручную проставить переводы на новую строку, либо добавить в файл стилей следующее css-правило для тега <pre>:

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

 

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.

Leave a Comment

Fields with * are required.

Картинка с кодом валидации
Пожалуйста введите символы с картинки. Регистр букв неважен.