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

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

(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.)

(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;

Ü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!