Wie man dafür sorgt, dass das gesamte englische Wort nicht in CSS eingeschlossen wird

So implementieren Sie CSS, das nicht das gesamte englische Wort umschließt: 1. Steuern Sie Zeilenumbrüche über das CSS-Attribut „word-wrap:break-word;“ 2. Steuern Sie die Wortumbruchmethode über das CSS-Attribut „word-break“. :break-all;" Can.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer

css Wie erkennt man, dass das gesamte englische Wort nicht umbrochen wird?

Css-Chinesisch- und Englisch-Wortumbruchproblem

Wortumbruchproblem

Im Projekt werden Sie manchmal auf sehr lange Sätze auf Englisch stoßen, und wenn dann der verbleibende Teil des Div nicht ausreicht, um ein Wort einzufügen, das Wort Es wird in einer neuen Zeile angezeigt, es wird am Ende ein großes Leerzeichen geben und es wird hässlich aussehen

Sie können diese Anforderung durch zwei CSS-Attribute erreichen:

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

word -wrap

word -wrap wird verwendet, um Zeilenumbrüche zu steuern, und hat zwei Werte:

+ normal
+ break-word(这个值用来强制换行的，内容将在边界内换行，在中文中是没有任何问题，英文语句也是没有任何问题，但是对于很长的英文来说就不起作用了)

word-break

word-break wird verwendet, um zu steuern, wie Wörter unterbrochen werden. Es gibt drei Werte:

+ break-all（是断开单词，在单词到边界的时候，下个字幕自动到下一行，主要是解决了长串英文单词断词的问题）
+ keep-all(指的是不断词，一句话就是一行)

Empfohlenes Lernen: „

CSS-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWie man dafür sorgt, dass das gesamte englische Wort nicht in CSS eingeschlossen wird. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!