CSS 是一個十分重要的前端技術，它可以用來控制頁面的布局和樣式。其中一個比較常見的需求就是實現文字垂直居中顯示。一般來說，我們可以使用 display: flex 屬性來實現，但是這種方法在瀏覽器兼容性上存在一些問題。而另一種方法就是使用 CSS 的 line-height 屬性。

line-height 屬性可以用來設置行內元素的行高。當我們把行高設置為與容器高度相等的數值時，文字就可以垂直居中顯示了。

.container {
height: 200px;
line-height: 200px;
text-align: center;
}
.text {
display: inline-block; /* 需要添加 display:inline-block 屬性，使元素能夠自動適應寬度 */
vertical-align: middle;
}
<div class="container">
<p class="text">這是一段需要垂直居中的文字</p>
</div>

上述代碼中，我們首先設置了容器的高度為 200px，并將 line-height 屬性設置為 200px。然后在文本樣式中，我們將 display 屬性設置為 inline-block，使元素能夠自動適應寬度，同時通過 vertical-align 屬性來設置文字的垂直對齊方式為 middle。

通過這種方法，我們可以輕松地實現文字的垂直居中顯示，為頁面的美觀提供了更多的可能性。