0

我正在使用 27 个 Wordpress 主题。我试图让子菜单项出现在 2 列中，因为我的一个主菜单项下有几个。

我尝试将以下内容添加到自定义下的“附加 CSS”区域......但没有任何改变。

.sub-menu-columns ul.sub-menu li {
    clear: initial;
    display: inline-block;
    float: left;
    width: 50%;
} 
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 300px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}

我也试过这个......没有成功......

.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;
}

我也试过这个......但后来子菜单栏变宽了，但它仍然没有将项目分成两列......

.sub-menu {
    width: 410px;
}
.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;
}

我不知道如何编码，所以这些都是我在网上找到的东西来尝试。我很感激任何帮助！

4

1 回答 1

0

我找到了这个并尝试了它并且它有效！

.sub-menu {
  columns: 2;
}

我知道它必须是简单的东西，我只是没有看到......也许这篇文章会帮助其他人。

于 2021-05-26T16:28:31.437 回答