如何让div垂直居中

可以使用flex布局来实现div垂直居中。具体的实现方法如下：

1. 父元素设置display:flex;
2. 父元素设置justify-content:center; align-items:center;
3. 子元素设置margin:auto;

例如，HTML代码如下：

<div class="container">
  <div class="centered">
    <p>这是要垂直居中的内容</p>
  </div>
</div>

CSS代码如下：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置高度使得可以看到效果 */
}

.centered {
  margin: auto;
}

这样就可以使得子元素垂直居中了。