CSS樣式中，讓div元素垂直居中是一個(gè)常見的需求，實(shí)現(xiàn)方法有多種，但較為簡單且常用的是利用CSS的flexbox布局。

我們需要?jiǎng)?chuàng)建一個(gè)包含div元素的容器，并設(shè)置該容器的display屬性為flex。

<div class="container">
  <div class="content"></div>
</div>

在CSS中設(shè)置container的display屬性為flex，并添加justify-content和align-items屬性：

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

這樣，container中的div元素就會(huì)垂直居中，justify-content屬性用于水平居中，align-items屬性用于垂直居中。

如果需要讓div元素在容器中垂直居中且固定位置，可以使用position屬性：

.container {
  position: relative;
}
.content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

這樣，div元素會(huì)在容器中垂直居中，并且固定位置，position:relative屬性將container設(shè)置為相對(duì)定位，position:absolute屬性將div元素設(shè)置為***定位，top:50%將div元素的頂部設(shè)置為容器的中心位置，transform:translateY(-50%)將div元素向上移動(dòng)其自身高度的一半，從而實(shí)現(xiàn)垂直居中。