实现瀑布流
使用css解决瀑布流
<div class="container">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
.container{
display: grid;
// 列数
grid-template-columns: 3;
// 间隔
grid-gap: 10px;
// masonry 可以理解为‘砖块’
grid-template-rows: masonry;
}
masonry 该属性比较新,可能有些浏览器不使用,或者需要浏览开启某些设置