Heim >Web-Frontend >CSS-Tutorial >Wie kann man Text in einem „Tag' umbrechen?

Wie kann man Text in einem „Tag' umbrechen?

Barbara Streisand
Barbara StreisandOriginal
2024-12-13 15:30:15751Durchsuche

How to Make Text Wrap in a `` Tag?

So aktivieren Sie den Textumbruch in einem

 Tag</strong></p>
<p><pre class="brush:php;toolbar:false"> Tags sind ein wesentliches Werkzeug zum Anzeigen von Codeblöcken und zum Debuggen der Ausgabe in HTML. Standardmäßig ist jedoch der Text innerhalb eines <pre class="brush:php;toolbar:false"> -Tag wird nicht über mehrere Zeilen umgebrochen, was möglicherweise zu einer langen und unhandlichen Ausgabe führt.</p>
<p>Um dieses Problem zu beheben, können Sie die Leerraum- und Zeilenumbrucheigenschaften in CSS verwenden:</p>
<pre class="brush:php;toolbar:false">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 weisen den Browser an, den Text innerhalb des

-Felds einzuschließen. Tag, behält seine ursprüngliche Formatierung bei und stellt gleichzeitig sicher, dass es in die verfügbare Breite passt. Beachten Sie, dass die Unterstützung dieser Eigenschaften von Browser zu Browser unterschiedlich ist. Daher wird empfohlen, für maximale Kompatibilität mehrere Deklarationen einzuschließen.

Das obige ist der detaillierte Inhalt vonWie kann man Text in einem „Tag' 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