div盒子中有两个上下的盒子，让他们剧中

可以使用flex布局实现：

HTML代码：

<div class="container">
  <div class="box">
    上面的盒子
  </div>
  <div class="box">
    下面的盒子
  </div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.box {
  width: 200px;
  height: 100px;
  border: 1px solid #000;
  text-align: center;
  line-height: 100px;
}

解释：

- 使用flex布局，设置容器的`display`属性为`flex`。
- 设置容器的主轴方向为垂直方向，即`flex-direction`属性为`column`。
- 设置容器的主轴对齐方式为居中对齐，即`justify-content`属性为`center`。
- 设置容器的交叉轴对齐方式为居中对齐，即`align-items`属性为`center`。
- 设置盒子的宽度为200px，高度为100px，边框为1px黑色实线。
- 设置盒子的文本居中显示，行高为盒子高度的值。