CSS steuert den Textumbruch und das Zuschneiden

Einige CSS-Eigenschaften zum Zeilenumbruch und Zuschneiden

Wortumbruch: normal |.

normale normale Zeile Beim Umbrechen kann der Inhalt den Container unterbrechen, z. B. durch lange Wörter oder lange Zahlen.
break-word verwendet Wörter als Grundlage für Zeilenumbrüche. Bei Bedarf sind Zeilenumbrüche innerhalb von Wörtern zulässig

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

normale Zeilenumbrüche, der Inhalt kann den Container unterbrechen, z. B. lange Wörter oder lange Zahlen

break-all verwendet Buchstaben als Zeilenumbrüche

keep-all Das Gleiche wie normal in Chinesisch und Englisch

white-space: normal || pre-wrap || Normaler Standardwert, Leerzeichen werden durchsucht. Das

pre-Leerzeichen wird vom Browser ignoriert und verhält sich wie das

-Tag in HTML. Der Text wird nicht umbrochen Der Text bleibt in derselben Zeile, bis er gefunden wird.

pre-wrap Behalten Sie die Leerzeichenfolge bei, aber brechen Sie ihn normal um (IE7 wird nicht unterstützt)
pre-line Die Leerraumsequenz zusammenführen, aber beibehalten. Zeilenumbruchzeichen (IE7 – nicht unterstützt) 
inherit gibt an, dass der Wert des Leerraumattributs vom übergeordneten Element geerbt werden soll (IE7 – nicht unterstützt) 
Anwendung: 

Textüberlauf zeigt Auslassungszeichen (...): 
text-overflow: ellipsis overflow: versteckt; white-space: nowrap; 

Umbruchtext: 

/* Wort als Zeilenumbruchbasis verwenden */ Wortumbruch: umbrechen; Wortumbruch: normal; /* Buchstaben als Zeilenumbrüche verwenden*/ 
Wortumbruch: umbrechen; >

Text wird gezwungen, nicht umzubrechen: 


white-space: nowrap 
Das Obige ist das von eingeführte CSS-Steuerelement zum Umbrechen und Zuschneiden von Text Ich hoffe, dass es Ihnen weiterhilft. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht. Der Herausgeber wird Ihnen rechtzeitig antworten. Ich möchte mich auch bei Ihnen allen für Ihre Unterstützung der chinesischen PHP-Website bedanken! Weitere Artikel zur CSS-Steuerung des Textumbruchs und -zuschneidens finden Sie auf der chinesischen PHP-Website!