美化效果的屬性：
(一)[b]column-gap[/b]主要來設定列與列之間的間距：
語法：column-gap: normal ||
1）默值為1em（如果你的字型大小是px，其預設值為你的font-size值）。
2）length的話，使用px,em單位的任何整數值，但不能是負值。
(二)[b]column-span[/b] 跨列設定，定義乙個分列元素中的子元素能跨列多少。
語法：column-span: none | all
預設值none表示不跨越任何列。all表示元素跨越所有列，並定位在列的ｚ軸之上。
(三)[b]column-rule[/b] 用來定義列與列之間的邊框寬度、邊框樣式和邊框顏色。類似於常用的border屬性，但是[color=red]不占用任何空間位置[/color]的！
語法：column-rule:||
1）column-rule-width預設值為medium，接受任意浮點數，但不接收負值。
2）column-rule-style預設值為「none」，與border-style屬值相同，
包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
3) column-rule-color定義列邊框顏色，其預設值為前景色color的值。
.columns
h2h2,
p:nth-child(2n)
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
為了能在web頁面中方便實現類似報紙、雜誌那種多列排版的布局，w3c特意給css3增加了乙個多列布局模組（css multi column layout module）。
google親測成功：
[img]
ff測試未顯示。
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...