纯CSS实现瀑布流

<style>
.container{
    column-count: 2;
    column-gap: 10px;
}
 
.container > .item{
    width: 100%;
    break-inside: avoid;                   //重要属性,防止容器内部元素被分开放于两列
    -webkit-column-break-inside: avoid;    
    margin-bottom: 10px;                   //容器内部元素垂直方向的间距
}
</style>


关键词:
上一篇


读后有收获可以支付宝请作者喝枸杞,有疑问也可以加作者讨论:





友情链接
@寅春树 豫ICP备20020705号 Powered by Thinkcmfx