它被称为庄园网格，这里有一个简单的例子：

.masonry-grid {
  column-count: 2;
  /* Adjust the number of columns as needed */
  column-gap: 10px;
  /* Adjust the gap between columns */
}

.grid-item {
  break-inside: avoid;
  /* Prevent items from breaking inside columns */
  margin-bottom: 10px;
  /* Adjust the vertical margin between items */
  background-color: #f2f2f2;
  padding: 10px;
}

@media only screen and (max-width: 480px) {
  .masonry-grid {
    column-count: 1;
    /* one column on small screens */
  }
}

个字符