html - 居中 Div，用内边距代替边距

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

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

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

谢谢!

最佳答案

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

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

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

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

enter image description here

关于html - 居中 Div，用内边距代替边距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26665324/

相关文章：

css - 带有内联单选按钮和文本框的水平表单