html - 用填充而不是边距居中 Div

Question

我有一个带底部边框的全宽标签导航栏，我想将标签水平居中。

问题是，我不能使用“margin: auto”来做到这一点，因为我希望底部边框是全宽的。有没有其他方法可以使它居中，也许有填充？

此外，由于我使用的移动支持插件，我无法在“nav-tabs”中添加任何其他 div，因此伪造边框并不是一个真正的选择。

这是链接:http://www.os-os.co.uk/CGMATHEWS/

谢谢!

Answer 1

为什么不使用 text-align: center 使菜单项居中？这将保留全宽边框并使导航选项卡居中；这是一个解决方案，请在样式表底部添加以下 CSS:

.nav-tabs>li {
     float: none;
     display: inline-block;
}

.nav-tabs {
     text-align: center;
}

这是添加上述 CSS 后导航栏外观的屏幕截图: