CSS中讓div豎直居中，有多種方法可以實(shí)現(xiàn)，以下是一種簡(jiǎn)單有效的方法：

1、使用flex布局：將div的父元素設(shè)置為flex容器，并使用align-items屬性將其子元素（即div）在豎直方向上居中，示例代碼如下：

.parent {
  display: flex;
  align-items: center;
}

2、使用position和transform屬性：將div設(shè)置為***定位，并使用transform屬性將其在豎直方向上移動(dòng)到父元素的中心位置，示例代碼如下：

.div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

3、使用CSS Grid布局：將div的父元素設(shè)置為Grid容器，并使用align-items屬性將其子元素（即div）在豎直方向上居中，示例代碼如下：

.parent {
  display: grid;
  align-items: center;
}

三種方法都可以實(shí)現(xiàn)div的豎直居中，具體使用哪種方法可以根據(jù)實(shí)際情況進(jìn)行選擇。