Heim > Artikel > Web-Frontend > 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; >white-space: nowrap
Text wird gezwungen, nicht umzubrechen: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!