Heim  >  Artikel  >  Web-Frontend  >  So steuern Sie, dass Text nicht in CSS umbrochen wird

So steuern Sie, dass Text nicht in CSS umbrochen wird

王林
王林Original
2020-11-23 14:47:323665Durchsuche

So steuern Sie, dass Text nicht in CSS umbrochen wird: Sie können ihn mit dem Leerraumattribut steuern, z. B. [white-space:nowrap;]. Das Leerraumattribut gibt an, wie mit dem Leerraum innerhalb des Elements umgegangen wird dass der Browser den Leerraum ignoriert.

So steuern Sie, dass Text nicht in CSS umbrochen wird

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version. Diese Methode ist für alle Computermarken geeignet.

(Teilen von Lernvideos: CSS-Video-Tutorial)

So steuern Sie, dass Text nicht in CSS umgebrochen wird:

Verwenden Sie das White-Space-Attribut, um anzugeben, wie mit dem Leerraum innerhalb des Elements umgegangen werden soll.

Attributwert:

  • normal Standard. Leerzeichen werden vom Browser ignoriert.

  • pre Leerzeichen werden vom Browser beibehalten. Es verhält sich wie das e03b848252eb9375d56be284e690e873-Tag in HTML.

  • nowrap Der Text wird nicht umgebrochen, der Text wird in derselben Zeile fortgesetzt, bis das Tag 0c6dc11e160d3b678d68754cc175188a gefunden wird.

  • pre-wrap Behält Leerzeichensequenzen bei, wird aber normal umbrochen.

  • pre-line Führt Leerzeichensequenzen zusammen, behält aber Zeilenumbrüche bei.

  • inherit gibt an, dass der Wert des Leerraumattributs vom übergeordneten Element geerbt werden soll.

Beispiel:

p{
    white-space:nowrap;
}

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonSo steuern Sie, dass Text nicht in CSS umbrochen wird. 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