在Web開發過程中，我們經常會遇到需要將元素垂直居中的情況。而使用CSS實現垂直居中的方法也有多種，今天我們就來介紹一些常用的方法。

/* 方法一：使用flex布局實現 */
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
/* 方法二：使用display:table-cell實現 */
.container {
display: table-cell;
vertical-align: middle;
}
/* 方法三：使用絕對定位實現 */
.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法四：使用grid布局實現 */
.container {
display: grid;
justify-items: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

以上就是幾種實現CSS垂直居中的常用方法，可以根據實際需要選擇使用。值得注意的是，不同的方法適用的場景也不盡相同，我們需要根據實際情況進行選擇。