CSS文本垂直居中是一個經常出現的問題，尤其是在響應式設計中。下面我們來介紹一種使用CSS實現文本垂直居中的方法。

.parent {
display: flex;  /* 聲明為flex布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}

以上代碼中，我們將父元素的display屬性設置為flex，這是實現文本垂直居中的基礎。接著使用justify-content屬性讓內容水平居中，使用align-items屬性實現內容垂直居中。

需要注意的是，如果文本是多行的，上述方法可能無法完全解決問題，此時我們需要使用更多的CSS技巧進行處理。例如，可以使用相對定位和負margin的組合來實現多行文本的垂直居中。

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

以上代碼中，我們將父元素的position設置為relative，并將子元素的position設置為absolute，然后使用top:50%讓元素的中心點到達父元素的中心點。最后使用transform:translateY(-50%)來移動元素的垂直位置，以達到完美垂直居中的效果。