HTML CSS LI Zawijanie

Question

Mam pionowe menu w moim systemie, które jest w zasadzie wykonane z HTML ul/li ze stylem CSS (patrz zdjęcie poniżej). Jednak nie chcę, aby elementy, które są szersze niż menu do zawijania, wolałbym je przepełnić za pomocą poziomego paska przewijania u dołu menu. Jak mogę to zrobić w 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

Użyj white-space:nowrap. Podobnie jak:

li { 
    white-space:nowrap; 
} 

Oto niektóre documentation.

Answer 3

będzie też trzeba dać stylu ul:

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