2012-09-18 54 views
3

這可能嗎?在自頂向下之前左右流動多列元素

所以,如果我們有一個清單:

  • 項目1
  • 項目2
  • 項目3
  • 項目4

而不是

項目1個項目3

項目2項目4

我們會想

項目1項目2

項目3項目4

這可能與多列布局模塊還是我更好做這與老式的花車或內聯divs?

+2

我肯定會在這種情況下去花車。 – Ana

回答

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

這當然有效,但我希望在多列模塊中的屬性使其工作,而不是使用浮動。 – probablyup

+0

如果元素的高度不同,甚至可以調整大小?類似於Google+卡片。在這種情況下漂浮不起作用。砌體工作,但調整大小會帶來完全不同的問題,因爲所有元素都是絕對定位的。 –