Как мне обернуть текст в предварительный тег?

Question

pre теги очень полезны для блоков кода в HTML и для отладки вывода при написании сценариев, но как сделать перенос текста вместо вывода одной длинной строки?

Answer 1

Мне помогло следующее:

pre {
    white-space: normal;
    word-wrap: break-word;
}

Спасибо

Answer 2

Лучший кросс-браузерный способ работал для меня, чтобы получить разрывы строк и показывает точный код или текст: (Chrome, Internet Explorer, Firefox)

CSS:

xmp{ white-space:pre-wrap; word-wrap:break-word; }

HTML:

<xmp> your text or code </xmp>

Answer 3

Элемент <pre> означает «предварительно отформатированный текст» и предназначен для сохранения форматирования текста (или чего-либо другого) между его тегами. Поэтому на самом деле не подразумевается автоматическая перенос слов или переносы строк в пределах <pre> -Tag

Текст в элементе отображается шрифтом фиксированной ширины (обычно Courier), и он сохраняет как пробелы , так и разрывы строк .

источник: w3schools.com , подчеркивает сделанный мной.