CSS中實現(xiàn)div垂直居中，有多種方法，以下是一種常用的方法，利用flex布局來實現(xiàn)：

1、給需要垂直居中的div一個父元素，或者給body元素添加樣式。

2、給這個父元素或body元素添加display: flex;樣式，使其變?yōu)閒lex容器。

3、給需要垂直居中的div添加align-self: center;樣式，使其垂直居中。

示例代碼如下：

<div class="parent">
  <div class="child">我是垂直居中的div</div>
</div>

.parent {
  display: flex;
  height: 100vh; /* 可以根據(jù)需要設(shè)置高度 */
}
.child {
  align-self: center;
}

這種方法可以實現(xiàn)div在父元素或body中的垂直居中，需要注意的是，如果父元素或body元素的高度不確定，可能需要額外設(shè)置高度或***小高度，如果需要將多個div元素垂直居中，可以給每個div元素添加align-self: center;樣式即可。