qq_27613933的博客

原创 纯CSS实现的瀑布流

<style>html,body { margin:0; padding:0; height:100%;}/*column-count: 3,分三列 column-gap 列间的间隔距离10px*/.masonry { column-count: 3; column-gap: 10px; } .item { break-inside: avoid; /*属性描述了在多列布局页面下的内容盒子如何中断，如果多列布局没有内容盒子，这个属性会被忽略。*/ box-