CSS中的垂直居中是一個常見的問題，特別是當你有多個div需要垂直居中時，你可能會感到頭疼。下面將介紹幾種CSS方法來實現(xiàn)多個div的垂直居中。

方法一：使用flexbox布局

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

上面的代碼將所有容器內的div垂直居中，并將它們水平居中。

方法二：使用網格布局

.container {
display: grid;
place-items: center;
}

與flexbox類似，網格布局能夠在容器內的div中實現(xiàn)垂直和水平居中。這種方法的優(yōu)勢在于可以在容器中設置多行多列的div。

方法三：使用table布局

.container {
display: table;
margin: 0 auto;
}
.container div {
display: table-cell;
vertical-align: middle;
}

這種方法是比較傳統(tǒng)的CSS方法，使用表格進行布局。使用table布局的優(yōu)勢是可兼容舊版本的瀏覽器。

通過以上三種CSS方式，可以實現(xiàn)多個div的垂直居中。可以根據(jù)實際需求選擇適合自己的方式實現(xiàn)。