css - Asp.net 菜单控制 - 启用选项卡拖放或滚动

Question

我在我的网站的 div 中嵌入了一个 asp.net 菜单控件。

我的问题是我将有 15 到 20 个菜单，当我显示如下所示的所有菜单时，菜单控件看起来很混乱。

我正在考虑将 css 应用于菜单控件，但是我不知道如何控制菜单中显示的项目数量。我不能删除这些项目，因为它们是强制性的。我需要的是必须显示前 5 个菜单，其余的必须显示在下拉列表中或使用滚动条显示，如下面的屏幕截图

我需要菜单控件显示如下

或者

谁能帮我解决我的问题？

编辑

通过将列表样式从列表更改为表格，我设法将所有菜单放在一行中。

这解决了我的混乱问题，但是菜单超出了 div 视图的宽度。我尝试改变宽度，但它没有帮助我。如何设置限制以仅显示几个菜单并提供滚动支持功能以查看剩余菜单。

Answer 1

我想你正在寻找这样的东西：http ://www.eyecon.ro/bootstrap-tabdrop/

让我知道它是否有效，看起来很有希望，但我从未尝试过。

编辑

好的，我试过了。如果您想拥有其中的 5 个或类似的。你可以在 css 中做这样的事情：

ul.nav > li {
  width: 15%; 
}

在这里看小提琴。（尝试调整窗口大小）