Wie kann ich einen durch lange Wörter verursachten Überlauf in einem DIV verhindern?

Zeilenumbruchkontrolle in DIV mit langen Wörtern

Wenn der Inhalt innerhalb eines DIV aufgrund eines zu langen Wortes überläuft, kann er unansehnlich werden. Das gewünschte Verhalten besteht darin, einen Wortumbruch so zu erzwingen, dass er in die festgelegte Breite passt.

Lösung: overflow-wrap

Die Lösung liegt in der Verwendung der CSS-Eigenschaft overflow-wrap . Overflow-Wrap einstellen: break-word; zwingt den Webbrowser, Wörter an geeigneten Stellen umzubrechen, damit sie in die angegebene DIV-Breite passen. Dadurch wird sichergestellt, dass alle Inhalte korrekt angezeigt werden.

Hinweis zur Internet Explorer-Kompatibilität

While overflow-wrap: break-word; wird in modernen Browsern unterstützt, Internet Explorer (IE) unterstützt diese Eigenschaft nicht. Stattdessen wird der veraltete Zeilenumbruch: break-word; kann als Alternative verwendet werden.

Aktuelle Verwendung von Zeilenumbruch

Wortumbruch ist zwar veraltet: break-word; funktioniert immer noch, da es gemäß der CSS-Spezifikation ein Alias ​​für overflow-wrap ist. Daher funktionieren bestehende Verwendungen von Zeilenumbrüchen weiterhin wie vorgesehen.

Das obige ist der detaillierte Inhalt vonWie kann ich einen durch lange Wörter verursachten Überlauf in einem DIV verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!