本文介绍了SharePoint 2013内联面包屑控件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我能够正确显示我的面包屑作为示例
I'm able to get my breadcrumbs to display correctly as example
Home>测试>文件
Home > Test > Documents
然而，当进入任何网站的网站设置时，面包屑控件正在使用S4-breadcrumbRootNode，因此垂直显示而不是像上面那样横向显示：
However when going into site settings of any site the breadcrumb control is using the S4-breadcrumbRootNode therefore displaying vertically instead of horizontally like above:
首页
|>
网站设置
Home
|>
Site Settings
推荐答案
这是因为应用程序页面正在使用另一个母版页。"站点设置"页面是应用程序页面。
您可以在C中编辑页面：\Program Files \Common Files \ microsrosoft shared \ Web Server Extensions \\\\\\\\\\\\\\\\\\\文件夹，在< asp：Content
contentplaceholderid =" PlaceHolderMain" runat =" server"> tag：
<script>
var divs = document.getElementsByClassName("s4-breadcrumb-arrowcont ");
for (var i = 0; i < divs.length; i++) {
divs[i].getElementsByTagName('img')[0].src = "/_layouts/15/images/menu-right.gif?rev=30";
}
</script>
<style>
* hide separator before root node */
.s4-breadcrumbRootNode > .s4-breadcrumb-arrowcont {
display: none;
}
ul.s4-breadcrumb ul,
ul.s4-breadcrumb li {
display: inline;
}
/* spacing around separator arrow */
.s4-breadcrumb-arrowcont {
margin: 0 10px;
}
/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb {
display: inline !important;
}
/* fix separator img alignment */
.s4-breadcrumb-arrowcont > span.s4-breadcrumb img {
}
</style>
最好的问候，
Linda Zhang
这篇关于SharePoint 2013内联面包屑控件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！