HTML CSS LI Habillage

Question

J'ai dans mon système un menu vertical composé essentiellement de HTML ul / li avec un style CSS (voir l'image ci-dessous). Cependant, je ne souhaite pas que les éléments li qui sont plus larges que le menu soient renvoyés à la ligne, je préférerais qu'ils débordent d'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 espace-blanc: nowrap . Comme si:

li {
  white-space:nowrap;
}

Voici une documentation .

Answer 3

Vous devez également donner le style ul:

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