HTML CSS LI Wrapping

Question

Ich habe ein vertikales Menü in meinem System, das im Grunde aus HTML ul/li mit CSS-Styling (siehe Bild unten) gemacht wird. Allerdings möchte ich nicht die li Elemente, die breiter sind als das Menü, umwickeln, ich würde es vorziehen, sie mit einer horizontalen Bildlaufleiste am unteren Rand des Menüs überlaufen. Wie kann ich das in CSS tun?

Answer 1

ul { 
    overflow: auto; // allow li's to overflow w/ scroll bar 
        // at the bottom of the menu 
} 

li { 
    white-space: nowrap; // stop the wrapping in the first place 
} 

Answer 2

Verwenden Sie white-space:nowrap. Wie so:

li { 
    white-space:nowrap; 
} 

Hier sind einige documentation.

Answer 3

Sie würden auch den Stil der ul geben müssen:

ul{ 
width:250px; 
overflow:auto; 
}