css实现瀑布流布局

css实现瀑布流布局，如今只需要一个容器将所有的图片给包起来

首先将这个容器设置网格布局

.container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:10px;
    grid-template-rows:masonry;
}

img {
    width:100%;
    display:block;
    
}

即可实现