Der Textumbruch bestimmt, wie der Browser lange Wörter und Zeilen behandelt. Ohne Eingriff läuft eine lange Adresse aus ihrer Box heraus.
- Textumbruch
Das Verhalten des Browsers beim Umbrechen von Zeilen und langen Wörtern.
Beispiel: „Ein Textumbruch entsteht von selbst an Leerzeichen, sonst braucht es eine Angabe.“
Das Problem
Eine lange Adresse, ein zusammengesetztes Substantiv oder ein Dateiname ohne Leerzeichen passt nicht in eine schmale Spalte und läuft heraus. Auf dem Telefon entsteht dadurch waagerechtes Scrollen über die ganze Seite.
.text {
overflow-wrap: break-word;
hyphens: auto;
}Die Mittel
overflow-wrap: break-word bricht nur dann innerhalb eines Wortes, wenn es sonst überläuft; das ist der verträgliche Weg. hyphens: auto trennt nach den Regeln der Dokumentsprache und setzt voraus, dass die Sprache ausgezeichnet ist. word-break: break-all bricht überall und macht Fließtext unleserlich; es gehört höchstens in Tabellenzellen mit Kennungen.