Heim  >  Artikel  >  Web-Frontend  >  CSS (Wortumbruch/Umbruch) sorgt dafür, dass rein englische Zahlen automatisch umgebrochen werden

CSS (Wortumbruch/Umbruch) sorgt dafür, dass rein englische Zahlen automatisch umgebrochen werden

不言
不言Original
2018-06-12 11:29:231947Durchsuche

In diesem Artikel wird hauptsächlich die Verwendung von CSS (Zeilenumbruch/Wortumbruch) zum automatischen Umbrechen reiner englischer Zahlen vorgestellt. Jetzt kann ich ihn mit Ihnen teilen

Sowohl IE als auch FF erweitern den Container und führen keinen automatischen Umbruch durch. Wenn Zahlen oder englische Zeichen chinesische Zeichen enthalten, können reine chinesische Zeichen jedoch automatisch umbrochen werden Eine detaillierte Lösung. Interessierte Freunde sollten es sich nicht entgehen lassen.

Wenn ein Blockelement mit einer definierten Breite in IE und FF gefüllt ist Der Container wird vergrößert und nicht automatisch umgebrochen. Wenn Zahlen oder englische Wörter chinesische Zeichen enthalten, werden sie von den chinesischen Zeichen umgebrochen. Reine chinesische Zeichen können jedoch automatisch umbrochen werden. Wie kann dieses Problem gelöst werden? Lernen wir zunächst die beiden Protagonisten kennen: Wortumbruch und Wortumbruch
Wortumbruch wird verwendet, um Zeilenumbrüche zu steuern
mit zwei Werten:
(1)normal
(2)break-word (Dieser Wert wird verwendet, um Zeilenumbrüche zu erzwingen. Der Inhalt wird innerhalb der Grenze umgebrochen. Es gibt kein Problem mit chinesischen Sätzen und es gibt kein Problem mit englischen Sätzen. Bei langen englischen Zeichenfolgen ist dies jedoch nicht der Fall Arbeit.)
word -break wird verwendet, um das Umbrechen von Wörtern zu steuern
drei Werte:
(1)normal
(2)break-all (dient zum Umbrechen von Wörtern. Wann das Wort erreicht die Grenze, der nächste Buchstabe geht automatisch zur nächsten Zeile. Löst hauptsächlich das Problem langer Zeichenfolgen im Englischen)
(3)keep-all (bezogen auf fortlaufende Wörter in Chinesisch, Japanisch und Koreanisch, ein Satz pro Zeile, die zum Ordnen alter Gedichte verwendet werden kann ~)
【Lösung】
Sie können

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

(1)break-all (ist zu brechen Wenn das Wort die Grenze erreicht, wechselt der nächste Buchstabe automatisch zur nächsten Zeile. Löst hauptsächlich das Problem langer Zeichenfolgen im Englischen)
(2)keep-all (bezieht sich auf fortlaufende Wörter in Chinesisch, Japanisch und Koreanisch). , ein Satz pro Zeile, der zum Ordnen alter Gedichte verwendet werden kann~)
(3)break-word (Dieser Wert wird verwendet, um Zeilenumbrüche zu erzwingen, und der Inhalt wird innerhalb der Grenzen umbrochen. Mit Chinesisch gibt es kein Problem , und es gibt kein Problem mit englischen Sätzen. Aber bei langen englischen Sätzen wird es nicht funktionieren.)

Das Obige ist der gesamte Inhalt dieses Artikels Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Der Unterschied zwischen Wortumbruch, Zeilenumbruch und Leerzeichen in CSS erzwungenen Zeilenumbrüchen

Das obige ist der detaillierte Inhalt vonCSS (Wortumbruch/Umbruch) sorgt dafür, dass rein englische Zahlen automatisch umgebrochen werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn