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