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;


估计排版会出错

你可能感兴趣的:(CSS3减去繁琐的JS)