1. -webkit-column-count:3    -moz-column-count:3  

column-width 屬性規(guī)定列的寬度。

column-gap屬性規(guī)定列之間的間隔
column-rule 屬性設(shè)置列之間的寬度、樣式和顏色規(guī)則。

CSS3中新出現(xiàn)的多列布局(multi-column)是傳統(tǒng)HTML網(wǎng)頁中塊狀布局模式的有力擴充。這種新語法能夠讓WEB開發(fā)人員輕松的讓文本呈現(xiàn)多列顯示。我們知道，當一行文字太長時，讀者讀起來就比較費勁，有可能讀錯行或讀串行；人們的視點從文本的一端移到另一端、然后換到下一行的行首，如果眼球移動浮動過大，他們的注意力就會減退，容易讀不下去。所以，為了最大效率的使用大屏幕顯示器，頁面設(shè)計中需要限制文本的寬度，讓文本按多列呈現(xiàn)，就像報紙上的新聞排版一樣。

但是在CSS3的多列布局(columns)語法功能出現(xiàn)之前，人們?nèi)绻胱屛谋境识嗔酗@示，要么使用絕對定位，手動給文本分段落，或者使用JS腳本等，而新語法的出現(xiàn)，徹底改變了這樣的局面。
多列(columns)的用法
列個數(shù) 和 列寬度

不管想讓一段文本呈多少列顯示，你需要的只是兩個屬性：column-count 和 column-width。

column-count 屬性設(shè)置列的具體個數(shù)，例如：

<div style="column-count:2;">CSS里一直有一個讓我們頭疼的問題，就是創(chuàng)建布局很麻煩。當然，有很多方式，有很多技術(shù)都可以創(chuàng)建各種布局，但我們總覺得CSS里應(yīng)該提供一些新屬性，讓我們能更好的管理布局。幸運的是，CSS3里提供了一批新的創(chuàng)建列式布局的column屬性，有了這些屬性，我們不需要再使用float,clear,margin等屬性進行調(diào)控，避免了很多麻煩。</div>

這將會使文本里的內(nèi)容顯示成兩列(首先你的瀏覽器要支持這種新語法，比如火狐瀏覽器、谷歌瀏覽器，IE10+等)：

column-width屬性控制列的寬度。如果你沒有提供column-count屬性值，那么，瀏覽器就是自主決定將文本分成合適的列數(shù)。

<div style="column-width:10em;">CSS里一直有一個讓我們頭疼的問題，就是創(chuàng)建布局很麻煩。當然，有很多方式，有很多技術(shù)都可以創(chuàng)建各種布局，但我們總覺得CSS里應(yīng)該提供一些新屬性，讓我們能更好的管理布局。幸運的是，CSS3里提供了一批新的創(chuàng)建列式布局的column屬性，有了這些屬性，我們不需要再使用float,clear,margin等屬性進行調(diào)控，避免了很多麻煩。</div>

就變成了這樣：