HTML CSS LI Wrapping

Question

ich ein vertikales Menü in meinem System, das im Wesentlichen aus HTML ul / li mit CSS Styling gemacht wird (siehe Bild unten). Jedoch habe ich wickeln nicht die li Einzelteile wünschen, die als das Menü breiter sind, würde ich es vorziehen, sie mit einer horizontalen Bildlaufleiste am unteren Rand des Menüs überzulaufen. Wie kann ich das in CSS?

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

Mit white-space:nowrap. Wie so:

li {
  white-space:nowrap;
}

Hier einig Dokumentation .

Answer 3

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

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