HTML CSS LI Verpackung

Habe ich ein vertikales Menü in mein system, das ist im Grunde genommen aus HTML - ul /li mit CSS-styling (siehe Bild unten). Aber ich will nicht die li Gegenstände, die breiter sind als das Menü zu wickeln, ich würde es vorziehen, Sie bis zum überlauf mit einer horizontalen Bildlaufleiste am unteren Rand des Menüs. Wie kann ich dies in CSS?

InformationsquelleAutor der Frage Craig | 2008-11-17

  1. 48
    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
}

    InformationsquelleAutor der Antwort Owen

  2. 7

    Verwenden white-space:nowrap. Etwa so:

    li {
  white-space:nowrap;
}

    Hier einige Dokumentation.

    InformationsquelleAutor der Antwort sblundy

  3. 2

    Würden Sie auch brauchen, um dem Stil der ul:

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

    InformationsquelleAutor der Antwort slashnick

Schreibe einen Kommentar