html - HTML CSS LI 包装

Question

我的系统中有一个垂直菜单，它基本上由 HTML ul/ liCSS 样式组成（见下图）。但是我不希望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;
}