如何将 SharePoint 顶部导航定位到中心?
How to position the SharePoint top navigation to center?
对于我正在处理的项目之一,我在门户中添加了一个母版页。基本上,创建的母版页是 seattle 母版页的副本,并用其他内容重命名它,因为将来客户可能会要求添加页脚、页眉等,以便可以在创建的母版页中轻松完成,而不是触及默认的 seattle 母版页.目前创建的母版页没有添加任何定制。
因此,根据第一个要求,现在他们希望将顶部导航栏居中,有没有简单的解决方法?只需更改对齐方式,就可以用于包含顶部导航栏的容器?我已经在这个问题上提到了很多链接,但无法让其中任何一个发挥作用。我在 Office 365 上工作,所以如果有人知道如何处理这个问题,将不胜感激。提前致谢。
将导航居中非常简单。
添加以下 css.
的简短片段
.ms-breadcrumb-top {
text-align: center;
}
如果您启用了发布功能,您可以使用 "Site Settings" --> "Master page" --> Expand "Alternate CSS URL".[=12 简单地设置备用 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 文件在 "Style Library" 中保存为 "custom.css"。
对于我正在处理的项目之一,我在门户中添加了一个母版页。基本上,创建的母版页是 seattle 母版页的副本,并用其他内容重命名它,因为将来客户可能会要求添加页脚、页眉等,以便可以在创建的母版页中轻松完成,而不是触及默认的 seattle 母版页.目前创建的母版页没有添加任何定制。
因此,根据第一个要求,现在他们希望将顶部导航栏居中,有没有简单的解决方法?只需更改对齐方式,就可以用于包含顶部导航栏的容器?我已经在这个问题上提到了很多链接,但无法让其中任何一个发挥作用。我在 Office 365 上工作,所以如果有人知道如何处理这个问题,将不胜感激。提前致谢。
将导航居中非常简单。 添加以下 css.
的简短片段.ms-breadcrumb-top {
text-align: center;
}
如果您启用了发布功能,您可以使用 "Site Settings" --> "Master page" --> Expand "Alternate CSS URL".[=12 简单地设置备用 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 文件在 "Style Library" 中保存为 "custom.css"。