html - HTML CSS LI ラッピング

Question

私のシステムには、基本的に HTML と CSS スタイルで構成された垂直メニューがありますul(下のli画像を参照)。ただし、メニューよりも幅の広いアイテムをラップしたくないのでli、メニューの下部にある水平スクロールバーでオーバーフローすることをお勧めします。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

を使用しwhite-space:nowrapます。そのようです：

li {
  white-space:nowrap;
}

ここにいくつかのドキュメントがあります。

Answer 3

また、スタイルに ul を指定する必要があります。

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