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

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

22.03.2012 1 коммент. » Просмотры: 2 364

CSS

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

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

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

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

Автор: | Рейтинг: 4/5 | Теги: , , ,

Есть 1 комментарий.

Написать свой
  1. Ник Ответить
    17.06.2019 в 12:23 пп
    Ура. Считайте, хоть одному человеку Вы помогли.

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

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

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