columns屬性是乙個復合屬性——列寬（column-width）和列數（column-count），可以同時定義多列的列數和每列的列寬。
columns: column-width || column-count
column-width屬性類似於給列定義乙個最小寬度（min-width）。
column-width: auto |
column-count屬性主要用來給元素指定想要的列數和允許的最大列數。
column-count: auto |
column-gap屬性類似於盒模型中的margin一樣，主要用來設定元素分列的列間距，其只能設定列與列之間的間距。
column-gap: normal |
column-rule屬性主要是用來定義列與列之間的邊框寬度、邊框樣式和邊框顏色，有些類似於常用的border屬性，但column-rule是不占用任何空間位置的，在列與列之間改變其寬度不會改變任何列的位置。
column-rule: column-rule-width | column-rule-style | column-rule-color
column-span屬性主要用來定義乙個分列元素中的子元素能跨多少列，有時需要一段內容或乙個標題不進行分列，也就是橫跨所有列，就可以用該屬性實現。
column-span: none | all
column-fill屬性主要用來定義多列種每一列的高度是否統一。
column-fill: auto | balance
CSS3多列布局
最近買了基本書，因為在實習的時候用到很多css動畫，給任務的時候，也會讓布局一些設計頁面。在做的過程中，覺著自己的css功底還是不行，所以就想再多積累多學習。今天主要看的是大漠的 css3 看知乎上和很多人的技術部落格裡都推薦過。今天先說css3的多列布局。平時用到的比較多的是兩欄布局，三欄布局。方...
CSS3多列布局
css3多列布局可以自動將內容按指定的列數排列，它實現了和報紙 雜誌排版非常相似的布局效果。一 css3多列布局核心屬性 1 columns 整合column width和column count兩個屬性。2 column width 定義每列列寬度 3 column count 定義分列列數 4 ...
CSS3多列布局
在本章中，您將學習如下多列屬性 屬性 瀏覽器支援 column count column gap column rule internet explorer 10 和 opera 支援多列屬性。firefox 需要字首 moz chrome 和 safari 需要字首 webkit 注釋 inter...