瀑布流

<div class="container">
  <div class="item">内容1</div>
  <div class="item">内容2</div>
  <div class="item">内容3</div>
  <div class="item">内容4</div>
  <!-- 更多item -->
</div>
.container {
  column-count: 2;
  column-gap: 16px;
}

.item {
  break-inside: avoid;
  margin-bottom: 16px;
  background: #eee;
  border: 1px solid #ccc;
}