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?
Ähnliche Themen
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
Website Performance: Javascript und CSS komprimiert ausliefern und Ladezeiten verkürzen
Tutorial | 0 Kommentare
jQuery: Ein DIV aufklappen - andere DIVs zuklappen
Tutorial | 14 Kommentare
jQuery: CSS Stylesheet Switcher
Tutorial | 1 Kommentar
jQuery: DIV-Container abhängig von Checkbox anzeigen oder ausblenden
Tutorial | 2 Kommentare
Bilder, CSS, JS und Seiten neu laden trotz Browser-Cache
Tipp | 2 Kommentare
Hintergrund einer Website verdunkeln (Gray Out Effekt)
Tutorial | 0 Kommentare
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.
Probiere es einmal mit der CSS-Eigenschaft word-wrap:
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