如何将SharePoint顶部导航定位到中心？

Posted 2021-04-06

对于我正在处理的其中一个项目，我在门户网站上添加了一个母版页。基本上，创建的母版页是西雅图母版页的副本，并用其他东西重命名，因为将来客户端可能会要求添加页脚，标题等，这样可以在创建的母版页中轻松完成，而不是触摸默认的西雅图母版页。目前，创建的母版页没有添加任何自定义。

因此，根据第一个要求，他们现在想要将顶部导航栏居中，是否有一个简单的解决方案？只需更改对齐方式，可能是用于容纳顶部导航栏的容器？我已经提到了很多关于这个问题的链接，并且无法让任何这些链接起作用。我正在使用Office 365，所以如果有人知道如何处理这个问题，将非常感谢帮助。提前致谢。

答案

导航中心非常简单。添加以下短片段的CSS。

.ms-breadcrumb-top {
    text-align: center;
}

如果您启用了发布功能，则只需使用“站点设置” - >“主页” - >展开“备用CSS URL”即可设置备用CSS。

如果没有，您可以使用代码设置备用CSS。例如。通过JSOM（还有PowerShell或CSOM）使用以下代码：

var context = new SP.ClientContext.get_current();
var web = context.get_web();

web.set_alternateCssUrl('/Style%20Library/custom.css');

web.update();
context.executeQueryAsync(onQuerySucceeded, onQueryFailed);

function onQuerySucceeded(){
    alert("Alternate CSS Successfully Set");
}

function onQueryFailed(error){
    console.log(error)
}

在这种情况下，带有上述代码段的CSS文件在“样式库”中保存为“custom.css”。