Was ist der englische CSS-Code, der keine Zeilenumbrüche erzwingt?

Der englische Code für CSS, um keine Zeilenumbrüche zu erzwingen, lautet „white-space:nowrap;“, wobei das Attribut „white-space“ angibt, wie mit dem Leerraum innerhalb des Elements umgegangen wird, und der Wert des Attributs „nowrap“ angibt, dass der Text dies tut nicht umbrochen und der Text steht in derselben Zeile. Fahren Sie fort, bis Sie auf das Tag
stoßen.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer

Was ist der englische Code, um in CSS keine Zeilenumbrüche zu erzwingen?

CSS-Code für erzwungene Zeilenumbrüche und Nicht-Zeilenumbrüche in Englisch und Chinesisch

1 funktioniert nur auf Englisch, wobei Buchstaben als Grundlage für Zeilenumbrüche verwendet werden -wrap:break-word ; Funktioniert nur auf Englisch, wobei Wörter als Grundlage für Zeilenumbrüche verwendet werden.

3 Funktioniert nur auf Chinesisch und erzwingt Zeilenumbrüche. Erzwingt keine Zeilenumbrüche, funktioniert in allen Fällen

5 Geben Sie unbedingt die Breite des Containers an, sonst ist er unbrauchbar.

Beispiel

.p1{ word-break:break-all; width:150px;}
.p2{ word-wrap:break-word; width:150px;}
.p3{white-space:pre-wrap; width:150px;}
.p4{white-space:nowrap; width:10px;}
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}

Wortumbruch-Syntax

word-break : normal | break-all | keep-all

Parameter:

normal: Zeilenumbrüche innerhalb von Wörtern gemäß Textregeln für asiatische und nicht-asiatische Sprachen zulassen

break-all: Dieses Verhalten ist das gleiche wie normal für asiatische Sprachen. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält.

keep-all: Gleich wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für nicht-asiatischen Text, der eine kleine Menge asiatischen Text enthält

Empfohlenes Lernen: „

CSS-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas ist der englische CSS-Code, der keine Zeilenumbrüche erzwingt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!