HTML CSS LIラッピング

Question

私のシステムには、基本的にCSSスタイルのHTML 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;
}