将 Wordpress megamenu 子菜单拆分为两列答案

【问题标题】：Split Wordpress megamenu submenu into two columns将 Wordpress megamenu 子菜单拆分为两列
【发布时间】：2021-04-27 14:57:24
【问题描述】：

我通过添加类超级菜单在 Wordpress 中创建了一个超级菜单。很简单。我的第一个子菜单有 18 个项目，它们出现在一个列中。我想将此列拆分为 2 列。我将类子菜单列应用于子菜单顶部项并尝试了以下代码，但它没有改变任何东西。有什么建议吗？

.sub-menu-columns ul.sub-menu li {
display: inline-block;
float: left;
width:200px;
}

.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}

.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}

谢谢

【问题讨论】：

标签： css wordpress multiple-columns megamenu

【解决方案1】：

你为什么不试试 flex？

.sub-menu-columns ul.sub-menu{display:flex} 
.sub-menu-columns ul.sub-menu li{flex: 0 50%}

可以在此处找到更多信息以进行微调。 CSS flexbox

【讨论】：