CSS3实现瀑布流方法?

xiaoxiao2021-02-28  112

外层 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;

估计排版会出错

转载请注明原文地址: https://www.6miu.com/read-37545.html

最新回复(0)