在从左到右再到从上到下的顺序排列多列元素前流动。

Question

这是否可能呢？

如果我们有一个列表：

- 项目1 - 项目2 - 项目3 - 项目4

我们想要的不是

项目1 项目3

项目2 项目4

而是

项目1 项目2

项目3 项目4

使用多列布局模块可以实现这一点吗？还是最好使用传统的浮动或内联div来实现呢？

- probablyup

---

在这种情况下，我肯定会选择使用浮点数。 - Ana

Answer 1

像这样吗？

<style>
  ul {list-style: none;}
  li {float: left;}
  li:nth-child(2n+1) {clear: left;} /* 1st of every twos */
</style>
<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
</ul>

- Jay

---

那肯定可以，但我希望在多列模块中有一个属性来使其工作，而不是使用浮动。 - probablyup

如果元素的高度不同甚至可以调整大小怎么办？就像Google+卡片一样。在这种情况下，浮动是行不通的。砌体布局可以解决问题，但调整大小会带来完全不同的问题，因为所有元素都是绝对定位的。 - Robert Koritnik