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