CSS是一種用于網頁設計的語言，它可以控制網頁中的各種元素，包括文本、圖片、線條等等。在CSS中，我們可以使用不同的屬性來控制字體的垂直方向顯示。

p {
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 1.5;
text-align: center;
/* 垂直居中 */
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

首先，我們需要設置好字體的樣式，比如字體族、字號、行高等等。接著，在垂直方向上使文字居中顯示，可以使用display屬性將元素設置為flex，并設置justify-content和align-items屬性為center。這樣就可以將文字垂直居中顯示了。

/* 垂直自適應 */
p {
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 1.5;
text-align: center;
/* 垂直自適應 */
display: table-cell;
vertical-align: middle;
height: 100vh;
}

除了居中顯示，有時候我們還需要讓字體在垂直方向上自適應，即根據元素的高度動態調整字體大小，讓其填滿整個元素。這時候可以使用display屬性將元素設置為table-cell，并設置vertical-align屬性為middle，這樣就可以讓字體在垂直方向上自適應了。

總的來說，在CSS中控制字體的垂直方向顯示并不難，只需要使用幾個簡單的屬性就可以輕松實現。不同的屬性適用于不同的情況，需要根據具體需求來選擇使用。