css实现瀑布流

发布时间 2023-06-01 13:57:56作者: 小短腿奔跑吧

html部分

<ul class="ul-container">
    <li v-for="item in list" :key="item.id">
        <image :src="item.url"/>
    </li>
</ul>

Css部分

.ul-container{
   margin: 10px;
   column-count: 5;
   column-gap: 10px;
}
.li{
  width:100% ;
}
image{
  width:100% ;
}