Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So verhindern Sie, dass Text in CSS umbrochen wird

青灯夜游
Freigeben: 2023-01-05 16:10:13
Original
54842 Leute haben es durchsucht

In CSS können Sie das Attribut „white-space“ verwenden, um das Umbrechen von Text zu verhindern. Sie müssen dem Textelement nur den Stil „white-space:nowrap;“ hinzufügen. Das Attribut „white-space“ wird verwendet, um festzulegen, wie mit Leerzeichen innerhalb des Elements umgegangen wird. Wenn der Wert „nowrap“ ist, wird der Text so eingestellt, dass er nicht umbrochen wird.

So verhindern Sie, dass Text in CSS umbrochen wird

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

css verhindert das Umbrechen von Text.

css Sie können das Leerraumattribut verwenden, um den Text innerhalb des Elements so einzustellen, dass er nicht umgebrochen wird

white-space-Attribut Gibt an, wie mit Leerzeichen innerhalb von Elementen umgegangen wird.


Attributwert:

So verhindern Sie, dass Text in CSS umbrochen wird

Wert Beschreibung

normal

Standard. Leerzeichen werden vom Browser ignoriert. preLeerzeichen werden vom Browser beibehalten. Es verhält sich wie das
-Tag in HTML. 
Nach dem Login kopieren
Der Text wird nicht umgebrochen, der Text wird in derselben Zeile fortgesetzt, bis das
-Tag gefunden wird. Pre-WrapBehält Leerzeichensequenzen bei, wird aber normal umbrochen. VorzeilenKombinieren Sie Leerzeichensequenzen, behalten Sie aber Zeilenumbrüche bei. CSS-Video-Tutorial)
nowrap
(Lernvideo-Sharing:

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass Text in CSS umbrochen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage