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; // 水平居中
}

以上方法都可以實現垂直居中，根據項目需要選擇最佳的方式。