Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie CSS, um den automatischen Zeilenumbruch reiner englischer Zahlen zu realisieren

Verwenden Sie CSS, um den automatischen Zeilenumbruch reiner englischer Zahlen zu realisieren

不言
不言Original
2018-06-20 13:54:531779Durchsuche

Das Folgende ist eine einfache Implementierung von CSS-Code zum automatischen Umschließen reiner englischer Zahlen. Der Inhalt ist recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden.

Wenn ein Blockelement mit einer definierten Breite mit reinem Englisch oder reinen Zahlen gefüllt wird, wird der Container in IE und FF vergrößert und nicht automatisch umbrochen

und wenn es Zahlen gibt oder Chinesische Zeichen werden im Englischen von den chinesischen Zeichen umbrochen, reine chinesische Zeichen können jedoch automatisch umbrochen werden. Wie kann dieses Problem gelöst werden? Lernen wir zunächst die beiden Protagonisten kennen: Zeilenumbruch und Zeilenumbruch

Wortumbruch wird verwendet, um CSS-Zeilenumbrüche zu steuern

Zwei Werte:

(1) normal
(2) break-word
(Dieser Wert wird verwendet, um Zeilenumbrüche zu erzwingen, und Der Inhalt wird an der Grenze liegen. Es gibt kein Problem mit Zeilenumbrüchen im Chinesischen, und es gibt kein Problem mit englischen Sätzen. Bei langen englischen Sätzen funktioniert es jedoch nicht. break wird verwendet, um den Wortumbruch zu steuern

Drei Werte:

(1)normal

(2)break- all

(dient zum Umbrechen von Wörtern. Wenn das Wort die Grenze erreicht, wird der nächste Buchstabe automatisch in die nächste Zeile verschoben. Dies löst hauptsächlich das Problem langer englischer Zeichenfolgen.)

(3)keep-all

(bezieht sich auf kontinuierliche Wörter in Chinesisch, Japanisch und Koreanisch, ein Satz pro Zeile, der zum Ordnen alter Gedichte verwendet werden kann~)

【Lösung】

Sie können

word-wrap:break-word;
word-break:break-all;
in CSS hinzufügen. Ich hoffe, dass dies der Fall ist Hilfreich für das Lernen aller. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website! Verwandte Empfehlungen:

So verwenden Sie CSS, um das Seitenverhältnis des Seiteninhalts beizubehalten

Über die Einheiten vw und css3 Verwendung von vh

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um den automatischen Zeilenumbruch reiner englischer Zahlen zu realisieren. 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