css两栏布局

<div class="grid-container">
  <div class="grid-item">内容 1</div>
  <div class="grid-item">内容 2</div>
  <div class="grid-item">内容 3</div>
  <div class="grid-item">内容 4</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 创建两列 */
  gap: 20px; /* 间隙 */
}

<div class="column-container">
  <p>内容 1</p>
  <p>内容 2</p>
  <p>内容 3</p>
  <p>内容 4</p>
</div>
.column-container {
  columns: 2; /* 两列 */
  column-gap: 20px; /* 间隙 */
}