使用带有ul的列数

时间:2014-06-05 09:55:56

标签: html css

我想将无序列表拆分为两列,所以我搜索了一个解决方案,发现了这个:  csswizardry.com/2010/02/mutiple-column-lists-using-one-ul /

这很好但是在certian页面上你看不到要点,所以我切换到使用列数来平衡简​​单列表

<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

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

2 个答案:

答案 0 :(得分:0)

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

会做你的工作

答案 1 :(得分:0)

我认为工作的例子可以帮助你float:left;