3.32 Column 多欄排版模式
Last updated
Last updated
預設值是 auto
,可設定欄數:
例:
balance
:預設值,各欄的內容會儘可能平均。
auto
:內容會到達高度之後,才會到下一欄。
例:
預設值是 normal
。
例:
跟 border
的屬性值寫法相同。
例:
none
:預設值。
all
:設定跨欄呈現。
例:
設定了 column-width
,就不建議設定 column-count
。
例:
建立 waterfall.html
檔案,輸入以下:
然後以 div.column_item
為單位,多複製一些,改變內容數字1
以及圖片寬高 300x100
。
例: