CSS steuert den Textumbruch und das Zuschneiden

Dieses Mal werde ich Ihnen den Zeilenumbruch und das Zuschneiden von CSS-gesteuertem Text vorstellen. Was sind die Vorsichtsmaßnahmen für den Zeilenumbruch und das Zuschneiden von CSS?

Einige CSS-Eigenschaften zum Zeilenumbruch und Zuschneiden

Wortumbruch: normal |

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

break-word verwendet Wörter als Basis für Zeilenumbrüche, bei Bedarf sind Zeilenumbrüche innerhalb von Wörtern zulässig

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

normal Normaler Zeilenumbruch, der Inhalt kann den Container unterbrechen, z. B. lange Wörter oder lange Zahlen

break-all mit Buchstaben Als Zeilenumbruchbasis

keep-all ist das Gleiche wie normal auf Chinesisch und Englisch

Leerzeichen: normal || ||.nowrap ||. pre-wrap ||. inherit

normaler Standardwert, Leerzeichen werden vom Browser ignoriert und sein Das Verhalten ähnelt dem

-Tag in HTML 
nowrap. Der Text wird nicht umgebrochen, der Text befindet sich in derselben Zeile, bis das 
-Tag gefunden wird 
 pre-wrap Behält die Leerzeichensequenz bei, bricht aber normal um (IE7 wird nicht unterstützt)
pre-line führt Leerzeichensequenzen zusammen, behält aber Zeilenumbrüche bei (IE7 wird nicht unterstützt)
inherit gibt den Wert an des Leerraumattributs sollte vom übergeordneten Element geerbt werden (IE7 wird nicht unterstützt) 
Anwendung: 

Text-Overflow zeigt Auslassungsmarkierungen an (...) : 
text-overflow
: ellipsis; 
overflow: versteckt; white-space: nowrap; Textumbruch: 


/* Wörter als Basis für Zeilenumbrüche verwenden*/ Wortumbruch: break-word; word-break: normal; /* Buchstaben als Basis für Zeilenumbrüche verwenden*/ Wortumbruch: break-all; 


Text wird gezwungen, nicht umzubrechen: 


white-space: nowrap; Ich glaube, Sie haben es nach dem Lesen der Methode in diesem Artikel gemeistert. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum PHP-Chinesen Webseite! Empfohlene Lektüre: 
Verwendung von CSS3 zur Implementierung der schwebenden Vergrößerung von Bildern mit der Maus


nth-child()-Kompatibilitätsproblem unter IE8 Wie man damit umgeht, dass 

 im CSS-Grenzbereich verschwindet. Wie man mit 
 umgeht
Das obige ist der detaillierte Inhalt vonCSS steuert den Textumbruch und das Zuschneiden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!