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;


估计排版会出错

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