私のシステムには、基本的にHTML ul
/li
で作成された垂直メニューがあり、CSSスタイルが設定されています(下の画像を参照)。ただし、メニューよりも幅の広いli
アイテムをラップしたくないので、メニューの下部にある水平スクロールバーでオーバーフローすることをお勧めします。 CSSでこれを行うにはどうすればよいですか?
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
}
スタイルにulを指定する必要もあります。
ul{
width:250px;
overflow:auto;
}