Wie erstelle ich einen Textumbruch in HTML-Tags?

Textumbruch in Pre-Tags

In HTML werden Pre-Tags häufig für Codeblöcke und die Anzeige von Debug-Ausgaben verwendet. Allerdings ist es oft wünschenswert, sicherzustellen, dass der Text in diesen Tags umbrochen wird, um lange, ununterbrochene Zeilen zu vermeiden. Die Lösung liegt in den CSS-Eigenschaften für Leerraum und Zeilenumbruch.

CSS-Eigenschaften für Textumbruch

Um den Textumbruch in Pre-Tags zu aktivieren, verwenden Sie das folgende CSS Eigenschaften:

• white-space: pre-wrap; (CSS 2.1 )
• white-space: -moz-pre-wrap; (Mozilla)
• white-space: -pre-wrap; (Opera 4-6)
• white-space: -o-pre-wrap; (Opera 7)
• Wortumbruch: break-word; (Internet Explorer 5.5)

Beispielcode

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+ */
}

Die Integration dieser CSS-Regel in Ihr HTML-Dokument führt dazu, dass Text innerhalb von Pre-Tags wie gewünscht umbrochen wird, wodurch lange, einzeilige Anzeigen.

Das obige ist der detaillierte Inhalt vonWie erstelle ich einen Textumbruch in HTML-Tags?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!