把李在下一列经过特定的高度(putting li in the next column after

我在一个WordPress网站工作的导航菜单。 请看看背景图片始终对齐到顶部的CSS和HTML。

这个职位是成功的，但现在我要推UL列表项目（LI）到新列达到一个特定的高度后。 进一步的解释，我有次为一个固定高度的背景图像menus.When子菜单达到背景的高度就应该推到下一列。

这样，子菜单将背景图像中始终。

谢谢

Answer 1:

你可以尝试在CSS中添加特定计数。 Bassically你告诉有喜欢的项目一定ammount的，如果它超过了ammount的将它推到下一个科拉姆

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:2;

财产上的Li或股利和一定高度，

下面的链接将解释你更多

如何使浮动DIV列表出现在列，不列

Answer 3:

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

Aslong为您的宽度/高度定义为不是100％，它应该工作。

文章来源: putting li in the next column after specific height