HTML CSS LI Wrapping

Question

J'ai un menu vertical dans mon système qui est fondamentalement fait de HTML ul/li avec le style de CSS (voir l'image ci-dessous). Cependant, je ne veux pas les éléments li qui sont plus larges que le menu à envelopper, je préférerais qu'ils débordent avec une barre de défilement horizontale au bas du menu. Comment puis-je faire cela en 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

Utilisez white-space:nowrap. Comme si:

li { 
    white-space:nowrap; 
} 

Voici quelques-uns documentation.

Answer 3

Vous devez également donner le style ul:

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