1.column-count 屬性規定元素應該被分隔的列數：
-moz-column-count:3; /* firefox */
-webkit-column-count:3; /* safari 和 chrome */
column-count:3;
-moz-column-gap:40px; /* firefox */
-webkit-column-gap:40px; /* safari 和 chrome */
column-gap:40px;
-moz-column-rule:3px outset #ff0000; /* firefox */
-webkit-column-rule:3px outset #ff0000; /* safari and chrome */
column-rule:3px outset #ff0000;
internet explorer 10 和 opera 支援 column-span 屬性。
safari 和 chrome 支援替代的 -webkit-column-span 屬性。
/只有 chrome 和 opera 支援 column-span 屬性。/
-webkit-column-span:all; /* chrome */
column-span:all;
internet explorer 10 和 opera 支援 column-width 屬性。
firefox 支援替代的 -moz-column-width 屬性。
safari 和 chrome 支援替代的 -webkit-column-width 屬性。
注釋：internet explorer 9 以及更早版本的瀏覽器不支援 column-width 屬性。
column-width:100px;
-moz-column-width:100px; /* firefox */
-webkit-column-width:100px; /* safari 和 chrome */
微信小程式實現瀑布流布局
瀑布流布局主要將大小不一的按等寬格式向下鋪滿。先分析，主要實現方式可以是將左右兩列劃分為兩個陣列儲存，每次新增時判斷兩側高度，並將新增到高度較低的陣列中。query wx.createselectorquery query.select left boundingclientrect query.e...
WxMasonry微信小程式瀑布流布局模式
雖然實現方式很簡單，但是我起初沒有想到，也是繞了很遠的路才想到。當你看到下面的解決方案的時候，請不要說我sb，因為我確實是沒有想起來，太久沒有學習前端知識，很多屬性基本沒有見過。如果熟悉css3的朋友可能一下子就想起來了，但是我並沒有 我是繞了一大圈才想起來 wxmasonryview wxmaso...
微信小程式瀑布流布局無限載入
1.在html中動態載入 表示筆者並沒有嘗試過，記在這裡可以試試 通常使用new image 建立乙個物件，然後通過動態載入url指向，並獲取資訊。來實現一下 首先來做乙個兩列的布局 然後要在頁面上放乙個隱藏的區域，用它來獲取的高度 loadimages function let baseid im...