HTML CSS LI Wrapping

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;
}

这是一些文档.