Heim > Artikel > Web-Frontend > 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
(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:
Ü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!