vue将 div里面的元素垂直居中

可以使用flex布局将div里面的元素垂直居中。

HTML代码如下：

<div class="container">
  <div class="content">
    <!-- 内容 -->
  </div>
</div>

CSS代码如下：

.container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
  height: 100vh; /* 设置高度为视窗高度 */
}

以上代码中，通过display: flex;将.container设置为flex容器。然后使用justify-content: center;实现内部元素的水平居中，使用align-items: center;实现内部元素的垂直居中。最后通过height: 100vh;设置容器的高度为视窗高度，确保容器占满整个屏幕。