CSS垂直居中方法有多种，其中包括以下几种：

1. 利用line-height属性
设置父元素的line-height属性等于其高度，再将子元素的line-height属性设置为1，即可实现垂直居中。
父元素{
height: 200px;
line-height: 200px;
}
子元素{
line-height: 1;
}

2. 利用position和transform属性
子元素做为绝对定位，利用top 50%移动到父元素的中心，再利用transform属性向上移动自身高度的一半实现居中。
父元素{
position: relative;
}
子元素{
position: absolute;
top: 50%;
transform: translateY(-50%);
}

3. 利用flex布局
将父元素的display属性设置为flex，利用align-items和justify-content属性分别设置垂直方向和水平方向居中。
父元素{
display: flex;
align-items: center; // 垂直居中
justify-content: center; // 水平居中
}

以上方法都可以实现垂直居中，根据项目需要选择最佳的方式。