CSS是一種用于為網頁添加樣式和布局的語言。當我們在頁面上添加文本時，我們通常希望文本的樣式看起來更加美觀和易于理解。其中一個重要的方面就是使用合適的字體，讓文本更加易于閱讀。那么在CSS中，設置字體的垂直居中是如何實現的呢？ 首先，我們需要在文本所在的P標簽中添加以下代碼： ```

這里是居中的文字

``` 接下來，在CSS樣式表中定義.centered-text類，將該類的屬性設置為如下： ``` .centered-text{ font-size: 20px; line-height: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-family: Arial, sans-serif; } ``` 這里的關鍵點在于line-height和display這兩個屬性。line-height屬性定義了每行文本的高度，而height屬性設置了整個文本塊的高度。通過將這兩個屬性設置為相同的值，我們可以使文本垂直居中。 另外，我們還需要將display屬性設置為flex，并使用align-items和justify-content屬性將文本垂直和水平居中。 最后，我們可以通過font-family屬性指定所需字體的名稱，這里我們選用了Arial字體，如果您想要選擇其他字體，可以在此進行更改。 使用以上代碼，我們就可以創建一個居中的文本塊來使網頁更加美觀易讀。在實際使用中，我們可以將以上樣式封裝在一個CSS類中，隨時調用，以便節省時間和代碼量。