div盒子如何在另外一个div中水平垂直居中

可以使用CSS的flex布局来实现div盒子在另一个div中水平垂直居中。

首先，将外层的div设置为display: flex;和justify-content: center; align-items: center;，这将使其内部的元素在水平和垂直方向上都居中。

然后，将内层的div设置为margin: auto;，这将使其在外层div中水平居中。

最终的代码如下：

HTML:

<div class="outer">
  <div class="inner">
    <!-- 内容 -->
  </div>
</div>

CSS:

.outer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner {
  margin: auto;
}

这样就可以实现将内层div在外层div中水平垂直居中了。