00 Stimmen

CSS: Lange Wörter im Wort umbrechen wenn Container nicht groß genug ist

Frage von Gast | 11.01.2014 um 17:12

Ich habe einen DIV-Container in einem CSS-Layout, in dem hin und wieder mal extrem lange Wörter vorkommen (zum Beispiel ein langer Link).

Gerne würde ich es so haben, dass diese langen Wörter am Ende der Box in die nächste Zeile umgebrochen werden, da es sehr unschön aussieht, wenn sie über den Bereich hinaus ragen und den anderen Content am Rand meiner Website überschneiden.

Im Internet habe ich gelesen, dass es keine Möglichkeit gibt per CSS eine Silbentrennung zu programmieren. Gibt es dennoch Möglichkeiten, diesen Umbruch zu realisieren?

AntwortenPositivNegativ
Avatar
2Beste Antwort2 Stimmen

Probiere es einmal mit der CSS-Eigenschaft word-wrap:

word-wrap: break-word;

Wenn du "word-wrap" für den entsprechenden Bereich auf "break-word" setzt, sollte genau das Verhalten erreicht werden, das du beschrieben hast.

Die Eigenschaft "word-wrap" kann zwei Werte annehmen. Der Default-Wert ist "normal". Damit wird nur an den üblichen Break-Points wie Leerzeichen umgebrochen. Der Wert "break-word" erlaubt auch das Trennen innerhalb eines Wortes.
11.01.2014 um 20:21

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.