在固定大小的ul和浮动li的内部，如何使它们正确格式化

问题描述

| 我有一个200像素的ul，里面的每个li都是100像素。每个li有一个float：left属性，现在列表从左到右从右到右列出，我如何才能按从左列到右列的顺序显示每个列表项。这是一个例子，可以更好地了解我在说什么

List Now:
List Item 1         List Item 2
List Item 3         List Item 4
List Item 5         List Item 6
List Item 7

How I want the list:
List Item 1       List Item 6
List Item 2       List Item 7
List Item 3
List Item 4
List Item 5

标记：

<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
<li>List Item 6</li>
<li>List Item 7</li>
</ul>

    

解决方法

        如果要在CSS中执行此操作，则必须使用非跨浏览器CSS3 2。 这是对该属性的一些解释：http://www.quirksmode.org/css/multicolumn.html