在自顶向下之前左右流动多列元素 [英] Flow multi-column elements left-right before top-down

问题描述

这是否可能？

因此，如果我们有一个列表：

So if we had a list:

• 第1项


• 第2项


• 第3项


• 第4项

• Item 1
• Item 2
• Item 3
• Item 4

而不是

项目1项目3

项目2项目4

我们想要

项目1项目2

项目3项目4

这是可能的多列布局模块，或者我更好的做这个与旧的浮动或内联divs？

Is this possible with the multi-column layout module or am I better off doing this with old fashioned floats or inline divs?

推荐答案

这样吗？

<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>

这篇关于在自顶向下之前左右流动多列元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！