Text läuft über ein Div hinaus0

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.

Post teilen


Delicious Digg Google+

Kommentar abgeben

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Microsoft Certified Professional Logo
 

Werbung