在開發網頁時，我們時常需要讓文本垂直居中，而 CSS 可以幫助我們實現這一功能。

在 CSS 中有幾種方法可以實現垂直居中，這里介紹其中的兩種方法：

/* 第一種方法：使用 table 和 table-cell */
.parent {
display: table;
height: 300px; /* 父元素的高度 */
}
.child {
display: table-cell;
vertical-align: middle;
}

這種方法是將父元素設為 table，將子元素設為 table-cell，并將其垂直居中。需要注意的是，父元素的高度必須事先確定。

/* 第二種方法：使用 flexbox */
.parent {
display: flex;
align-items: center;
height: 300px; /* 父元素的高度 */
}
.child {
/* 不需要設置垂直方向的屬性 */
}

這種方法是將父元素設為 flexbox 容器，使用 align-items 屬性設置子元素的垂直對齊方式。相比第一種方法，這種方法不需要確定父元素的高度。

除了以上兩種方法，還有其他的一些方法可以實現文本垂直居中，如使用 position 和 transform。根據實際需求，選擇相應的方式即可。