Detaillierte Erläuterung des CSS-Textumbruchs

Dieser Artikel listet empfohlene CSS-Stile für Zeilenumbrüche auf, die mit IE und FF kompatibel sind, und stellt die Unterschiede zwischen Zeilenumbruch und Wortumbruch im Detail vor: Empfohlene CSS-Stile für Zeilenumbrüche, die mit IE und FF kompatibel

sind

:

-

word

; overflow:

hidden

;

Unter IE ist dies kein Problem.

Technische Zusammenfassung:

Zeilenumbrüche werden

bei der Verwendung von Zeilenumbrüchen erzwungen

und

bei englischen Sätzen gibt es kein Problem. Wenn Sie englische Wörter aneinanderreihen, funktioniert

die

Standardsituation nicht

Wenn das Wort die Grenze erreicht, wird der nächste Buchstabe automatisch zur nächsten Zeile verschoben.

Bezieht sich hauptsächlich auf chinesische, japanische und koreanische fortlaufende Wörter Diesmal ohne Zeilenumbruch, und Chinesisch wird nicht umgebrochen (englische Sätze sind normal. .)

Unter IE:

Verwenden Sie Zeilenumbruch: Break-Word

:

Wenn diese beiden nicht verwendet werden, wird dies

Bei chinesischen Sätzen wird es kein Problem geben. Bei langen Zeichenfolgen gibt es jedoch Probleme

bei der Lösung langer Zeichenfolgen im Englischen ; wird im Allgemeinen verwendet. Diese Methode führt jedoch dazu, dass die Wörter in normalen englischen Sätzen unterbrochen

werden Eine Zeichenfolge im Englischen ist nur ein relativ langes Wort. Das heißt, sollten englische Wörter getrennt werden? Das Problem liegt auf der Hand und sollte natürlich nicht abgeschaltet werden, da es sich bei langen englischen Zeichenfolgen um bösartige Dinge handelt. Allerdings müssen wir uns auch einige Möglichkeiten ausdenken, um zu verhindern, dass der Container erweitert wird .

Zeichenfolgen automatisch umbrochen

.

wrap:break -word;word-break:break-all;.

word-wrap:break-word;overflow:auto; Unter Firefox wird ein Teil der langen Zeichenfolge verdeckt.