css - 在自上而下之前从左到右流动多列元素

Question

这可能吗？

所以如果我们有一个列表:

• 元素 1
• 第 2 项
• 第 3 项
• 第 4 项

代替

元素 1 元素 3

元素 2 元素 4

我们想要

元素 1 元素 2

元素 3 元素 4

这是否可以通过多列布局模块实现，还是我最好使用老式 float 或内联 div 来实现？

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>