CSS是前端開發不可或缺的技術，在制作網頁時，垂直居中是一個常見的需求。下面我們來說一下CSS中塊元素垂直居中的方法。

首先，我們需要知道，塊元素是指獨占一行，并且下一個元素在下一行的元素。它們有一個共同點，就是它們的高度是由它們所包含的內容來決定的。

那么，怎樣才能實現塊元素垂直居中呢？我們可以使用CSS的flex布局或者table布局實現。下面，我們來看一下這兩種方法的具體實現。

/* 使用flex布局實現塊元素垂直居中 */
.container {
display: flex; /* 設置為flex布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
/* 使用table布局實現塊元素垂直居中 */
.container {
display: table; /* 設置為table布局 */
width: 100%;
height: 100%;
}
.inner {
display: table-cell; /* 將inner設置為table-cell */
text-align: center; /* 水平居中 */
vertical-align: middle; /* 垂直居中 */
}

以上兩種方法都可以實現塊元素垂直居中，根據需求和實際情況選擇合適的方法即可。