CSS Word Break Generator

In CSS wird die Eigenschaft word-break verwendet, um zu steuern, wie Wörter innerhalb eines HTML-Elements umbrochen werden, wenn sie die Breite des Elements überschreiten. Diese Eigenschaft ist besonders nützlich, um lange Wörter oder Zeichenketten in Sprachen ohne Leerzeichen, wie z. B. Chinesisch oder Japanisch, zu verarbeiten.

Die Eigenschaft word-break kann die folgenden Werte annehmen:

normal (Standard): Wörter können an ihren regulären Haltepunkten umbrochen werden.

keep-all: Wörter werden nicht umbrochen, auch wenn sie die Breite des Elements überschreiten. Dies ist für Sprachen geeignet, bei denen Wortumbrüche auf ein Minimum beschränkt werden sollten.

Hier ist ein Beispiel für die Verwendung der Eigenschaft word-break, um zu ermöglichen, dass Wörter an jedem Zeichen umbrochen werden:

Sie können auch mehrere Textdekorationen anwenden, indem Sie sie als durch Leerzeichen getrennte Werte in der Eigenschaft text-decoration angeben. Um beispielsweise Text gleichzeitig zu unterstreichen und zu überstreichen:

In diesem Beispiel:

• Die Klasse .break-all-word-break verwendet die Eigenschaft word-break, um zu ermöglichen, dass Wörter an jedem Zeichen umbrochen werden, was bei Sprachen mit Worttrennzeichen ohne Leerzeichen oder bei der Verarbeitung langer URLs hilfreich sein kann.

Die Eigenschaft word-break ist unerlässlich, um das Textlayout und den Zeilenumbruch in Sprachen mit besonderen Regeln für den Wortumbruch zu verarbeiten, und kann dazu beitragen, die Lesbarkeit und das Layout von Textinhalten in verschiedenen Szenarien zu verbessern.