CSS automatischer Zeilenumbruch_CSS/HTML

Jeder weiß, dass kontinuierliches Englisch oder Zahlen dazu führen können, dass sich der Container erweitert, und dass er nicht automatisch entsprechend der Größe des Containers umbrochen werden kann. Hier erfahren Sie, wie Sie sie mit CSS umschließen!
Für div
1 (IE-Browser) white-space:normal; Ersteres folgt hier dem Standard.

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

ddd1111111111111111111111111111111

Effekt: Zeilenumbruch kann erreicht werden

2. (Firefox-Browser) white-space:normal; word-break:break-all;overflow:hidden;Same Es gibt keine gute Implementierungsmethode in FF. Sie können nur Bildlaufleisten ausblenden oder hinzufügen. Natürlich ist es besser, keine Bildlaufleisten hinzuzufügen.

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

DDD11111111111111111111111111111111111111111111111111111111111111111

Effekt: Der Container ist normal, der Inhalt ist versteckt

für Tabelle

1. ) verwende den Stil. table-layout:fixed; " width=" 80">

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Wirkung: Zeilenumbrüche sind möglich

2. (IE-Browser) Verwenden Sie die Stile table-layout:fixed und nowrap

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890




Effekt: kann umbrechen
3 (IE-Browser) Verwenden Sie den Stil table-layout:fixed und nowrap

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

.tb{table-layout:fixed}

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Wirkung: Beide tds werden normal umbrochen

4. (Firefox-Browser) Verwenden Sie den Stil „table-layout: Fixed“ und „nowrap“, wenn Sie „Prozentsatz“ verwenden, um die td-Größe festzulegen, und verwenden Sie div

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

Die Zellenbreite muss hier als Prozentsatz definiert werdenEffekt: Normale Anzeige, kann aber nicht umbrochen werden (Hinweis: Es gibt keine gute Möglichkeit, den Inhalt des Containers unter FF zu umbrechen. Sie können den Überlauf nur verwenden, um den zusätzlichen Inhalt auszublenden, um den Gesamteffekt nicht zu beeinträchtigen.)