Das Problem des automatischen Zeilenumbruchs ist sinnvoller, aber fortlaufende Zahlen und englische Zeichen erweitern häufig den Container, was ziemlich problematisch ist. Im Folgenden wird beschrieben, wie CSS

den Zeilenumbruchcode

{ table-layout:fixed; word-break: overflow:hidden;
Hier Überlauf: versteckt; oder automatisch;
=============================================== ===============

Bei Elementen auf Blockebene wie div und p hat der Zeilenumbruch von normalen Textelementen (asiatischer Text und nicht-asiatischer Text) den Standard-Leerraum: normal und wird automatisch nach der definierten Breite umbrochen.
html

1. (IE-Browser) Verwenden Sie für fortlaufende englische Zeichen und arabische Ziffern den Zeilenumbruch: break-word; brechen

#wrap{word-break:break-all; width:200px;}
oder
#wrap{word-wrap:break-word; width:200px;}

Wirkung: Zeilenumbrüche können erreicht werden

2. (Firefox-Browser) Umbruch fortlaufender englischer Zeichen und arabischer Ziffern , nicht alle Versionen von Firefox lösen dieses Problem. Wir können nur die Zeichen außerhalb der Grenze ausblenden oder dem Container Bildlaufleisten hinzufügen.

#wrap{word-break:break-all; width:200px; overflow:auto;}

für die Tabelle

ausgeblendet

http://www.knowsky.com/
1. (IE-Browser) Verwenden Sie table-layout:fixed;, um die Breite der Tabelle zu erzwingen und überschüssigen Inhalt auszublenden

Wirkung: Redundante Inhalte ausblenden

2. (IE-Browser) Verwenden Sie table-layout: Fixed, um die Breite der Tabelle zu erzwingen -word ;Zeilenumbruch

Wirkung: Zeilenumbruch ist möglich

3. (IE-Browser) Das Verschachteln von divs, p usw. in td, th verwendet die oben erwähnte Zeilenumbruchmethode von div und p

4. (Firefox-Browser) Tabellenlayout verwenden: behoben ;Um die Breite der Tabelle, das innere td, zu erzwingen, verwenden Sie word-break: break-all; oder word-wrap: break-word;, um den überschüssigen Inhalt auszublenden, overflow:auto ; funktioniert hier nicht

Wirkung: Mehr als Inhalt ausblenden

5. (Firefox-Browser) Verschachteln Sie Divs, P usw. in td, th. Verwenden Sie die oben erwähnte Methode, um mit Firefox umzugehen und die Codebox auszuführen Das Auftreten ist sehr gering, aber Streiche von Internetnutzern können nicht ausgeschlossen werden.

Das Folgende ist die Auswirkung des erwähnten Beispiels

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional. dtd ">
http://www.w3.org/1999/xhtml ">

div

Alle Leerzeichen:normal;

IE word-wrap : break-word ;

IE word-break:break-all;

Firefox/ overflow:auto;

abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111

Tabelle

table-layout:fixed;

table-layout:fixed; word-break : break-all; word-wrap : break-word ;

FF table-layout:fixed; overflow:hidden;