這可能嗎?在自頂向下之前左右流動多列元素
所以,如果我們有一個清單:
- 項目1
- 項目2
- 項目3
- 項目4
而不是
項目1個項目3
項目2項目4
我們會想
項目1項目2
項目3項目4
這可能與多列布局模塊還是我更好做這與老式的花車或內聯divs?
這可能嗎?在自頂向下之前左右流動多列元素
所以,如果我們有一個清單:
而不是
項目1個項目3
項目2項目4
我們會想
項目1項目2
項目3項目4
這可能與多列布局模塊還是我更好做這與老式的花車或內聯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>
這當然有效,但我希望在多列模塊中的屬性使其工作,而不是使用浮動。 – probablyup
如果元素的高度不同,甚至可以調整大小?類似於Google+卡片。在這種情況下漂浮不起作用。砌體工作,但調整大小會帶來完全不同的問題,因爲所有元素都是絕對定位的。 –
我肯定會在這種情況下去花車。 – Ana