css实现瀑布流布局,如今只需要一个容器将所有的图片给包起来
首先将这个容器设置网格布局
.container{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:10px;
grid-template-rows:masonry;
}
img {
width:100%;
display:block;
}
即可实现
css实现瀑布流布局,如今只需要一个容器将所有的图片给包起来
首先将这个容器设置网格布局
.container{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:10px;
grid-template-rows:masonry;
}
img {
width:100%;
display:block;
}
即可实现