Главная > CSS | HTML > Перенос строк в теге <pre>

Перенос строк в теге <pre>

22.03.2012 0 коммент. » Просмотры: 1 945
 

Как мы знаем, тег <pre> сохраняет форматирование уже созданного документа. Таким образом очень удобно, например, выводить текст из ранее подготовленных файлов txt. Но что делать, если строка в таком блоке превышает допустимую ширину блока (например ограничение дизайна страницы)?

Есть два варианта:

  1. С помощью css ограничить выход за границы (overflow), но при таком подходе, мы можем либо обрезать текст, либо добавить полосы прокрутки, что не совсем удобно и красиво.
  2. Мы можем добавить перенос строк. К сожалению, этот способ не совсем валидный и реализуется через костыли для разных броузеров. Благо, за нас все уже придумали (Wrapping Text Inside Pre Tags), нам остается только скопипастить, а выглядит это так:

Автор: | Теги: , , ,

Важно

У нас заработал ФОРУМ. Все вопросы, которые не касаются статьи, а так же вопросы по конкретно вашему случаю нужно задавать и обсуждать именно там, в разделе "Помощь пользователям".

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Разрешены HTML-теги: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>