CSS渲染列表项目分为2行

Question

假设我有一系列

元素设计为通过float渲染：左边是一个固定宽度的容器，如下所示：

Item 1 | Item 2 | Item 3 | Item 4
| Item 5 | Item 6

没关系，第5项和第6项被推到第二行，因为容器有一个固定的宽度。

现在，除了大多数项目将在第二行呈现之外，是否可能有类似于上面的内容？类似的东西：

Item 1 | Item 2 
| Item 3 | Item 4| Item 5 | Item 6

基本上，我想水平渲染项目列表，根据需要包装到第二行，但如果存在，则第二行包含大部分项目。要生成的项目数可能会有所不同，但不会超过2行的项目。

Answer 1

不是没有手动定义哪个项目开始新行（使用clear：both;），或者使用javascript来确定哪个项目应该中断，然后执行与上面相同的操作。