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; normale Standardeinstellung; nowrap erzwingt, dass der gesamte Text bis zum Ende des Textes angezeigt wird, oder stößt auf das br-Objekt white-space:nowrap;

Methode 3: Automatischer Zeilenumbruch

　div{ word-wrap: break-word; //word-break legt erzwungene normale Textregeln für asiatische und nicht-asiatische Sprachen fest, die Zeilenumbrüche innerhalb von Wörtern zulassen

Methode 4: Englische Wortzeilenumbrüche erzwingen

div{word-break:break-all;}

Hinweis:

Definieren Sie den folgenden Satz in CSS, um zu verhindern, dass die Webseite „gestreckt“ wird:

table{table-layout: behoben;}td(word-break: break-all; word-wrap:break-word;)

Verhindern Sie, dass Tabellen/Ebenen „erweitert“ werden und stellen Sie sicher, dass einzelne englische Wörter beim Verzweigen nicht geteilt werden:

table { table-layout: Fixed;word-wrap:break-word;}

　div { word-wrap:break-word;}