仅调整2列的形状，保持多列不变

<div class="flex-container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
  <div class="column">Column 4</div>
</div>

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.column {
  flex: 1 0 50%; /* 每列占据50%的宽度 */
}

<div class="grid-container">
  <div class="column">Column 1</div>
  <div class="column">Column 2</div>
  <div class="column">Column 3</div>
  <div class="column">Column 4</div>
</div>

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 两列等宽 */
  grid-gap: 10px; /* 列之间的间距 */
}

.column {
  /* 可以添加其他样式，如背景色、边框等 */
}