Heim  >  Artikel  >  Web-Frontend  >  CSS steuert den Textumbruch und das Zuschneiden

CSS steuert den Textumbruch und das Zuschneiden

高洛峰
高洛峰Original
2017-02-28 14:08:271644Durchsuche

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!

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
Vorheriger Artikel:Margin-Attribut in CSSNächster Artikel:Margin-Attribut in CSS