Question

我正在使用wordpress网站上的导航菜单。有关css和html，请查看background image always align to top。

这篇文章很成功，但现在我想把ul的list-items（li）推到新列后达到一个特定的高度。进一步解释，我有子菜单的修复高度背景图像。当子菜单达到背景高度时，应将它们推到下一列。

通过这种方式，子菜单将始终位于背景图像中。

由于

Answer 1

您可以在css中添加特定计数。从某种程度上说，你说它有一些物品，如果它超过了它，那么它会把它推到下一个柱子上

ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

我必须警告你，它不是普遍支持的，挑战的浏览器会忽略它。你必须为此提出别的东西。

另一种方法可能是在你的整个div中设置一定高度，例如：

ul
{
    height: 100px;
    border: 1px solid #f00;
}

li
{
     float: left;
     border: 1px solid #0f0;
     width: 50px;
}

此外，我认为它只是搞乱了一点css并尝试弄清楚什么是最适合你的方法。

Answer 2

这可以使用css属性column-count来完成，

 column-count:2;

li或div上的

属性和一些高度，

以下链接将向您解释更多

Answer 3

我认为最简单的方法是将inline-block设置为li元素。

只要您的宽度/高度定义为不是100％，它就应该有效。