SharePoint 2010的多列全局导航下拉菜单

Question

我想知道它是否完全可能（理想情况下仅使用CSS和/或jQuery）在SharePoint 2010中创建多列下拉导航菜单。我是在我们的SharePoint环境中引用我的全球导航的站点地图，并有一个菜单可以延伸到20个以上的链接。这会在较低分辨率的屏幕上出现问题。我们希望能够把这个长列表包装成两列（理想的情况是在其他菜单项上有一个容器，如果他们的子链接达到一定的数目，第二列扩展容器并且也被创建）。

这是可以用CSS和/或jQuery完成的事情吗？我发现的一些资源提到使用自定义导航控件，但我想认为这可以更容易完成。我发现这个链接SP2007（http://tothepoint.inproc.com/creating-mega-drop-down-navigation-in-sharepoint-2007-with-jquery/），但我正在寻找一些更简单的东西。任何想法如何做到这一点？

谢谢。

Answer 1

您可以尝试将以下类添加到您的自定义CSS文件或母版页。此解决方案正在为我们工作。这会给你2列的布局。

.menu UL.dynamic 
{ 
    width:500px !important; 
} 
.dynamic 
{ 
    display:inline-block;float:left;min-width:250px; 
} 

对于下面给出3栏布局使用的类时，可以调整宽度和最小宽度按您需要

.menu UL.dynamic 
{ 
    width:600px !important; 
} 
.dynamic 
{ 
    display:inline-block;float:left;min-width:200px; 
}