css实现瀑布流

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% ;
}

  

posted @ 2023-06-01 13:50  小短腿奔跑吧  阅读(101)  评论(0编辑  收藏  举报