Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Text in HTML-Tags umbrechen?

Wie kann ich Text in HTML-Tags umbrechen?

Susan Sarandon
Susan SarandonOriginal
2024-12-22 14:11:111047Durchsuche

How Can I Make Text Wrap in HTML `` Tags?

Textumbruch im HTML-Pre-Tag

Pre-Tags sind ein wertvolles Werkzeug zum Anzeigen von Codeblöcken und zum Debuggen der Ausgabe in HTML. Allerdings werden sie manchmal als eine durchgehende Linie angezeigt, anstatt den Text so umzubrechen, dass er in das Ansichtsfenster passt. Um dies zu beheben, können die CSS-Eigenschaften „Leerzeichen“ und „Wortumbruch“ verwendet werden:

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

Diese Eigenschaften ermöglichen, dass Text innerhalb des Pre-Tags automatisch umbrochen wird, wobei Leerzeichen erhalten bleiben und Wörter an den entsprechenden Stellen umgebrochen werden. Durch ihre Anwendung können Codeblöcke und Debugging-Ausgaben in einem lesbaren Format angezeigt werden, auch wenn der Text über die Breite des Ansichtsfensters hinausgeht.

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn