Habillage HTML CSS LI

Question

J'ai un menu vertical dans mon système qui est essentiellement composé de HTML ul/li avec un style CSS (voir l'image ci-dessous). Cependant, je ne veux pas que les éléments li qui sont plus larges que le menu soient encapsulés, 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

Utilisation white-space:nowrap. Ainsi:

li {
  white-space:nowrap;
}

Voici quelques documentation .

Answer 3

Vous devrez également donner le style ul:

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