要實現垂直居中有多種方法，其中一種是使用CSS3的特性:

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

以上代碼將父元素的display屬性設為flex，使子元素自動垂直居中。justify-content: center使子元素水平居中，align-items: center使子元素垂直居中。

但是要注意的是，該方法只適用于現代瀏覽器。對于較舊版本的瀏覽器，可以考慮以下方法：

.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

將父元素的position屬性設為relative，將子元素的position屬性設為absolute，top屬性設為50%，transform屬性設為translateY(-50%)，就可以實現垂直居中了。

以上是兩種常用的實現垂直居中的方法，但還有其他方法，需要根據具體情況選擇適合的方法。