CSS中有許多方法可以實現文字的垂直居中，下面將逐一介紹：

/* 方法1 */
.parent {
display: flex;
align-items: center; 
}
/* 方法2 */
.parent {
display: table-cell;
vertical-align: middle;
}
/* 方法3 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法4 */
.parent {
display: grid;
}
.child {
align-self: center;
}

第一種方法使用了flex布局，將容器的主軸設置為垂直方向，通過align-items:center屬性讓子元素在垂直方向居中。

第二種方法使用了table布局，將容器設置為table-cell，再通過vertical-align: middle屬性讓子元素在垂直方向居中。

第三種方法使用了相對定位和絕對定位，將子元素設置為絕對定位，再通過top:50%和transform: translateY(-50%)屬性讓子元素在垂直方向居中。

第四種方法使用了grid布局，將容器設置為grid布局，再通過align-self:center屬性讓子元素在垂直方向居中。

以上四種方法都可以實現文字的垂直居中，具體使用哪種方法，取決于具體的場景和需求。