Asp.net菜单控件 - 启用标签拖放或滚动

时间:2016-03-17 15:15:13

标签: css asp.net scroll aspmenu-control

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

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

ASP.NET Menu

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

我需要将菜单控件显示为如下所示

Tab Drop

Arrorw

有人可以帮我解决我的问题吗?

修改

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

Menu

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

ASP.NET Menu Scrolling

1 个答案:

答案 0 :(得分:0)

我认为您正在寻找类似的内容:http://www.eyecon.ro/bootstrap-tabdrop/

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

修改

好的,我试过了。如果你想特别有5个或类似的。你可以在css中做这样的事情:

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

请参阅小提琴here。 (尝试调整窗口大小)