给一个盒子设置弹性布局横向两排纵向两列

可以使用以下代码来实现：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 400px;
}

.item {
  width: 200px;
  height: 150px;
  background-color: #ccc;
  margin-bottom: 20px;
}

这个代码会将 `.container` 设置为弹性布局，并且使用 `flex-wrap: wrap` 让项目换行。使用 `justify-content: space-between` 让项目在主轴上均匀分布，同时使用 `align-items: center` 让项目在交叉轴上居中对齐。每个 `.item` 元素的宽度和高度都已经被预先设置好了，你可以根据自己的需求进行调整。