Main > CSS | HTML > Перенос строк в теге <pre>

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

22.03.2012 1 comment » Views: 2,894

CSS

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

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

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

Author: | Rating: 4/5 | Tags: , , ,

1 comment.

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Allowed HTML-tags: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>