CSS - 按长度将长列表分成若干列

Question

我试图创建一个多列列表，但是我得到的结果并不是所需的。

在this example，我需要打破右列表到第二列时，在高度达到即400px和其余的<li>元素相同（在上面的链接，我想打破列后2 “婴儿礼物”，并把“MEN”在第二列。

我测试过这么多事情thisIs there a way to break a list into columns?和this但它并没有创造我想要的列。

这里的结果，我在之后，这里是JSFiddle

有什么建议吗？

Answer 1

您引用的两个问题中的解决方案都涉及列属性，因为它们应该如此。您的内容无法分割到您想要的位置，因为400px的分界线太小。

http://jsfiddle.net/HVZkG/1/

#productsitemap { 
    -webkit-columns: 3; 
    -moz-columns: 3; 
    columns: 3; 
    height: 400px; 
}