html - 在 ul 中使用列数

Question

我想将一个无序列表分成两列，所以我搜索了一个解决方案并找到了这个: csswizardry.com/2010/02/mutiple-column-lists-using-one-ul/

这工作正常，但在某些页面上你看不到要点，所以我改用列数来平衡简​​单列表

<ul class="double_column">
    <li>test 1</li>
    <li>test 2</li>
    <li>test 3</li>
    <li>test 4</li>
    <li>test 5</li>
    <li>test 6</li>
    <li>test 7</li>
    <li>test 8</li>
    <li>test 9</li>
</ul>

喜欢这里http://jsfiddle.net/jZA4y/

我遇到的问题是，在某些列表中，列数并没有使列表保持平衡？

http://i.stack.imgur.com/oRfAF.png

解决此问题以使两列尽可能相等或接近的最佳方法是什么？

Answer 1

$(".double_column ").find("li").count(); 

会做你的工作