css图片瀑布流

<div class="waterfall">
  <div class="item">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="item">
    <img src="image2.jpg" alt="Image 2">
  </div>
  <!-- 更多图片项 -->
</div>

.waterfall {
  column-count: 4;
  column-gap: 10px;
}

.item {
  break-inside: avoid;
  height: auto;
}

.item img {
  width: 100%;
  height: auto;
}