css3屬性之多欄布局與JS實(shí)現(xiàn)瀑布流

　　　背景：之前打算自己總結(jié)一下flex布局的知識(shí)點(diǎn)，發(fā)現(xiàn)自己無(wú)從下手，原因在何處：我反思了一下，其實(shí)原因很簡(jiǎn)單，使用的次數(shù)少，更多的時(shí)間使用了百分比，浮動(dòng)和定位解決。這也就顯示出了博客和筆記的區(qū)別，自己平時(shí)做筆記，更多的記錄，而不是總結(jié)，其實(shí)自己沒(méi)有熟練掌握。

　　有的時(shí)候甚至出現(xiàn)了這樣的筆記：

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團(tuán)訓(xùn)

　我打算堅(jiān)持寫博客，不論自己總結(jié)有多么差勁，也要堅(jiān)持寫，哪怕幾年后我看到以前的筆記，自己會(huì)偷偷笑出聲。想想原來(lái)大一時(shí)的技術(shù)還是那樣的稚嫩啊。

Css3多列

　　1）首提的兼容性問(wèn)題：IE10以及opera支持多列（column），chrome需要-webkit-前綴，F(xiàn)irefox需要-moz-的前綴，Ie9以及更早版本就不支持多列了。你可以使用這個(gè)工具，很方便的查看你的瀏覽器內(nèi)核以及版本信息http://ie.icoa.cn/

　　2）Css3多列屬性:css3多列主要是五個(gè)屬性

column-count　　 <規(guī)定元素被分隔的列數(shù)>

column-gap　　　 <規(guī)定列與列之間的間隔>

column-rule　　    <列之間的寬度、樣式、顏色>

column-width        <列的寬度>

column-span       &nbs