This is a very, very, very long word. Pneumonoultramicroscopicsilicovolcanoconiosis
Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.
Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯
In CSS wird die Eigenschaft overflow-wrap verwendet, um zu steuern, wie Wörter innerhalb eines HTML-Elements umbrochen werden, wenn sie die Breite des Elements überschreiten. Sie ist besonders nützlich, um lange Wörter oder ununterbrechbare Zeichenketten innerhalb von Elementen zu verarbeiten und sicherzustellen, dass Text lesbar umbrochen wird.
Die Eigenschaft overflow-wrap kann einen der folgenden Werte annehmen: normal (Standard): Wörter werden an ihren regulären Haltepunkten umbrochen. Dies ist das Standardverhalten.
break-word: Wörter werden bei Bedarf an jedem Zeichen umbrochen, auch mitten im Wort, um ein Überlaufen zu verhindern. Dies kann zu unregelmäßigen Wortumbrüchen führen, kann aber nützlich sein, um lange, ununterbrechbare Zeichenketten zu verarbeiten.
.normal-overflow-wrap {
overflow-wrap: normal;
}
Hier ist ein Beispiel für die Verwendung der Eigenschaft overflow-wrap, um lange Wörter oder Zeichenketten nach Bedarf umzubrechen:
.break-word-overflow-wrap {
overflow-wrap: break-word;
}
In diesem Beispiel:
.break-word-overflow-wrap {
overflow-wrap: break-word;
}
Die Klasse .break-word-overflow-wrap verwendet die Eigenschaft overflow-wrap mit dem Wert break-word, wodurch Wörter an jedem Zeichen umbrochen werden können, um ein Überlaufen zu verhindern.
Die Eigenschaft overflow-wrap ist besonders nützlich, um die Lesbarkeit und das Layout von Textinhalten in Situationen zu verbessern, in denen lange Wörter oder Zeichenketten umbrochen werden müssen, um in den verfügbaren Platz zu passen.
Sprache wählen
Thema wählen
© 2025 ReadyTools. Alle Rechte vorbehalten.