使用填充而不是边距的中心 Div答案

【问题标题】：Center Div with padding instead of margin使用填充而不是边距的中心 Div
【发布时间】：2014-10-31 08:00:32
【问题描述】：

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

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

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

谢谢！

【问题讨论】：

【解决方案1】：

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

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

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

以下是添加上述 CSS 后导航栏的屏幕截图：

【讨论】：