Verwenden Sie CSS, um Tabellen oder Zellen zu steuern und Zeilenumbrüche zu erzwingen, um zu verhindern, dass die Tabelle durch englische Wörter oder Chinese_Experience-Austausch vergrößert wird

Für Elemente auf Blockebene wie div und p
Normale Textzeilenumbrüche (asiatischer Text und nicht-asiatischer Text) haben standardmäßig den Leerraum:normal, der automatisch nach der definierten Breite umgebrochen wird
html

Normale Textumbruchelemente (asiatischer und nicht-asiatischer Text) haben den Standard-Leerraum:normal, wenn sie definiert sind

css
#wrap{white-space: normal; width :200px; }
1. Für fortlaufende englische Zeichen und arabische Ziffern verwenden Sie Zeilenumbruch: break-word; #wrap{word -break:break-all; width:200px;}
oder
#wrap{word-wrap:break-word; width:200px;}

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

Effekt: Zeilenumbrüche können erreicht werden
2. (Firefox-Browser) Alle Versionen von Firefox lösen dieses Problem nicht. Wir können die Zeichen nur ausblenden oder einen Bildlauf hinzufügen Balken zum Container
#wrap{word-break:break-all; width:200px; overflow:auto;}

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

Effekt: Container ist normal, Inhalt ist ausgeblendet
für Tabelle
1 (IE-Browser) Verwenden Sie table-layout:fixed, um die Breite der Tabelle zu erzwingen und überschüssigen Inhalt auszublenden

abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss

abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Effekt: Überflüssige Inhalte ausblenden
2. (IE browser) use table-layout:fixed; Um die Breite der Tabelle zu erzwingen, verwendet td, th word-break: break-all; oder word-wrap: break-word line break

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz1234567890

abcdefghigklmnopqrstuvwxyz1234567890

td>

abcdefghigklmnopqrstuvwxyz 1234567890

Effekt: Zeilenumbrüche sind möglich3. (IE-Browser) in td, verschachtelte Divs, p usw. Verwenden Sie in th die oben erwähnte Zeilenumbruchmethode von div und p 4. (Firefox-Browser) Verwenden Sie das Tabellenlayout: behoben; um die Breite der Tabelle und des inneren Zeilenumbruchs zu erzwingen, verwenden Sie overflow:hidden, um den überschüssigen Inhalt auszublenden; wird hier nicht funktionieren

abcdefghigklmnopqrstuvwxyz1234567890