在網頁設計中，文字排版是非常重要的一個環節。而要讓文字呈現美觀的排版，CSS 扮演著至關重要的角色。今天我們要介紹的就是如何通過 CSS 將字體置于文本框中央。 首先我們需要使用 p 標簽定義段落，在其中輸入文本。接著，為了讓文字垂直居中，我們需要給 p 標簽添加一些樣式。具體來說，我們需要設置 line-height 的值等于容器的高度，同時將 text-align 屬性設置為“center”，即可將字體放在文本框中央。代碼如下所示： ``` pre { background: #f4f4f4; border: 1px solid #ddd; padding: 10px; } p { display: flex; justify-content: center; align-items: center; height: 200px; line-height: 200px; /* 文字垂直居中 */ text-align: center; /* 文字水平居中 */ } ``` 需要注意的是，我們在本例中使用了 flex 布局。這是因為我們希望讓文字在垂直方向上居中，在水平方向上也居中。通過使用 flex 布局，我們可以輕松地實現這個效果。 除了使用 flex 布局之外，還有其他的方式可以讓文字在文本框中央。例如，我們可以將文本框設置為相對定位，再將文字設置為絕對定位。然后，通過設置 top 和 left 屬性，我們可以將文字移動到文本框的中央。這種方法的代碼如下所示： ``` p { position: relative; /* 設置為相對定位 */ height: 200px; text-align: center; /* 文字水平居中 */ } p span { position: absolute; /* 設置為絕對定位 */ top: 50%; /* 向上移動 50% */ left: 50%; /* 向左移動 50% */ transform: translate(-50%, -50%); /* 再次向上和向左移動 50%，即可將文字移動到中央 */ } ``` 綜上所述，通過 CSS 將字體放在中間并不難，只需要掌握一些基本的技巧即可。無論您采用何種方式，只需要堅持不懈地調整樣式和參數，最終一定能夠實現您所期望的效果。