我有一个带有底部边框的全宽标签导航栏,我想要将标签水平居中。
问题是,我不能用" margin:auto"因为我希望底部边框是全宽的。有没有其他方法可以使用填充中心?
另外,我无法在" nav-tabs"内添加任何其他div。由于我使用的插件用于移动支持,因此伪造边框并非真正的选择。
谢谢你!答案 0 :(得分:2)
为什么不使用text-align: center
将菜单项置于中心位置?这将保留全宽边框以及导航标签的中心;这是一个解决方案,请在样式表的底部添加以下CSS:
.nav-tabs>li {
float: none;
display: inline-block;
}
.nav-tabs {
text-align: center;
}
以下是添加上述CSS后导航栏的外观截图: