CSS中容器垂直居中對于網頁設計非常重要。下面我們就來講解一些常用的方法。

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

以上代碼使用flex屬性，將容器設置為彈性盒子，使用align-items和justify-content屬性將子元素垂直居中和水平居中。

如果你的項目并不需要兼容IE9及以下的瀏覽器，還可以使用CSS3的transform屬性來實現。如下所示：

.vertical-center {
position: relative;
transform: translateY(-50%);
top: 50%;
}

其中，position屬性設置為relative，top屬性設置為50%，transform屬性使用translateY(-50%)將容器的上邊緣偏移子元素高度的一半。

以上是兩種常用的方法，你可以根據自己的需求選擇適合的方法來實現垂直居中。