使用jQuery
创建第二列，然后将所需的元素移到该列中。
<script type="text/javascript"> $(document).ready(function() { var size = $("#data > p").size(); $(".Column1 > p").each(function(index){ if (index >= size/2){ $(this).appendTo("#Column2"); } }); });</script><div id="data" ><!-- data Start --><p>This is paragraph 1. Lorem ipsum ... </p><p>This is paragraph 2. Lorem ipsum ... </p><p>This is paragraph 3. Lorem ipsum ... </p><p>This is paragraph 4. Lorem ipsum ... </p><p>This is paragraph 5. Lorem ipsum ... </p><p>This is paragraph 6. Lorem ipsum ... </p><!-- data Emd--></div><div id="Column2" ></div>更新：
或者 因为现在的要求是使它们的大小相等。我建议使用预构建的jQuery插件：ColumnizerjQuery插件
