Wie bringe ich Text in einem Pre-Tag unter?

Question

pre Tags sind sehr nützlich für Codeblöcke in HTML und zum Debuggen von Ausgaben beim Schreiben von Skripten, aber wie bringe ich den Text dazu, umzubrechen, anstatt eine lange Zeile auszudrucken?

Answer 1

Die Antwort, von diese Seite in CSS:

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    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+ */
}

Answer 2

Dies eignet sich hervorragend, um Text zu umbrechen und den Leerraum innerhalb der pre -Tag:

pre {
    white-space: pre-wrap;
}

Answer 3

Ich habe festgestellt, dass das Überspringen des pre-Tags und die Verwendung von white-space: pre-wrap auf einem div eine bessere Lösung ist.

 <div style="white-space: pre-wrap;">content</div>

Answer 4

Kurz gesagt, zwingt dies dazu, den Inhalt innerhalb einer pre Tag ohne Wortbruch.

pre {
    white-space: pre-wrap;
    word-break: keep-all
}

Answer 5

Ich habe die Antworten von @richelectron und @user1433454 kombiniert.
Es funktioniert sehr gut und die Textformatierung bleibt erhalten.

<pre  style="white-space: pre-wrap; word-break: keep-all;">

</pre>