CSS3實現瀑布流方法?

外層 ul{

padding: 0 0.4rem;
    padding-top: 0.133333rem;
    border: 0;
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari 和 Chrome */
    column-count:2;

}

內層li{

width: 4.64rem;
padding: 0.066666rem;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;

}

這裏住一個坑,不填寫

-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;


估計排版會出錯

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章