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?
La solution
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
}
Autres conseils
Vous devez également donner le style ul:
ul{
width:250px;
overflow:auto;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow