Heim > Artikel > Web-Frontend > CSS automatischer Zeilenumbruch
Methode 1: Legen Sie zunächst die Breite der Tabelle fest, d. h. geben Sie der Tabelle einen Breitenwert (numerischer Wert, kein Prozentsatz)
Methode 2 : Keine Zeilenumbrüche erzwingen
div{//white-space: kein Zeilenumbruch, normaler Standardwert; space:nowrap; }
Methode 3: Automatischer Zeilenumbruch
div{ word-wrap: break-word; //word-break legt erzwungenen Zeilenumbruch fest; normale Textregeln für asiatische Sprachen und nicht-asiatische Sprachen, erlaubt Wortumbruch: normal }
Methode 4: Englisch erzwingen Wortzeilenumbruch
div{word-break:break- all;}
Hinweis:
definiert den folgenden Satz in CSS, um zu verhindern, dass die Webseite „gedehnt“ wird :
table{table-layout: Fixed;}td(word-break: break-all; word-wrap:break- Wort;)
Verhindern Sie, dass Tabellen/Ebenen „gedehnt“ werden, und stellen Sie gleichzeitig sicher, dass einzelne englische Wörter beim Zeilenumbruch nicht geteilt werden:
table { table-layout: Fixed;word-wrap:break-word;}
div { word-wrap:break-word;}