Wenn man einen Breite-definierten Div-Container hat und eine lange Zeichenkette ohne Leerzeichen hinein schreibt, läuft der „Text“ aus dem Div-Container. Um das zu verhindern, hilft die CSS-Eigenschaft overflow.
Beispiel:
.divcontainer
{
width: 100px;
overflow: hidden;
}
Eigenschaften:
visible; Inhalt bleibt komplett sichtbar und überschreibt Div
hidden; Inhalt wird am Ende des Div-Bereichs unsichtbar
scroll; Inhalt bleibt innerhalb des Divs und wird gescrollt
auto; Der Web-Browser erzeugt automatisch Scrollbalken
Ein Umbruch der Zeichenkette ist nur möglich, wenn Leerzeichen in den Zeichen enthalten sind oder mit der PHP-Funktion wordwrap.