Html 如何水平居中引导3行？

我用Bootstrap3创建了一个“超级菜单”

我在获取创建mega菜单的行时遇到问题，该行水平居中并保留功能。有问题的元素有class.mega下拉菜单

<ul class="dropdown-menu mega-dropdown-menu row">

切换导航












顶部





夹克衫




裤子

对于当前的问题，请将

.mega下拉菜单设置为：

01使用translate：

left: 50% /* instead of 0 */
transform: translateX(-50%);

02使用保证金（IMO首选解决方案）

对于您当前的问题，请将
.mega下拉菜单设置为：

01使用translate：

left: 50% /* instead of 0 */
transform: translateX(-50%);

02使用保证金（IMO首选解决方案）

没有足够的代表添加评论抱歉

我总是发现：

margin-right: auto;
margin-left: auto;

不需要设置左/右位置即可完成此操作

您还可以使用Bootstrap 3中内置的类“中心块”将此css作为一个类应用

就我个人而言，我建议升级到Bootstrap 4，我花了一段时间才实现这一飞跃，但flexgrid是一项值得改进的技术。大多数类在某种程度上是可互换的，尽管在bootstrap 4中，“中间块”现在是“mx auto”
没有足够的代表添加注释抱歉

我总是发现：

margin-right: auto;
margin-left: auto;

不需要设置左/右位置即可完成此操作

您还可以使用Bootstrap 3中内置的类“中心块”将此css作为一个类应用

就我个人而言，我建议升级到Bootstrap 4，我花了一段时间才实现这一飞跃，但flexgrid是一项值得改进的技术。大多数类在某种程度上是可互换的，尽管在bootstrap 4中，“中心块”现在是“mx自动”
非常好，谢谢！我试过：边距：0自动；没有运气的情况下，添加任意一对：0；或左：0；随着它的出现，你实际上需要
左：0
和
右：0
才能让
边距：0自动
正常工作。非常好，谢谢！我试过：边距：0自动；没有运气的情况下，添加任意一对：0；或左：0；实际上，你需要
left:0
和
right:0
才能让
margin:0 auto
工作。