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

Wie kann ich Text in HTML-Tags umbrechen?

Susan Sarandon
Freigeben: 2024-12-22 14:11:11
Original
989 Leute haben es durchsucht

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+ */
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage