CSS盒子模型中，字體居中是一個非常重要的元素。在設計頁面時，如何讓字體居中是一個令人頭疼的問題。然而，通過正確地應用CSS屬性，您可以讓字體垂直和水平居中。

div {
width: 300px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
div p {
text-align: center;
font-size: 18px;
}

上面的CSS代碼演示了如何使一個div元素中的文本居中。這需要使用flexbox來水平和垂直居中div，然后在p元素上使用text-align: center屬性來使文本居中。

為了使字體在div的水平和垂直方向上居中，必須設定display: flex，并使用justify-content: center和align-items: center在div上。這將使用flex布局，使div元素居中。在p元素上使用text-align: center屬性，可以將文本水平居中。

另外一個方法是使用line-height屬性。如果您知道文本的高度，可以將line-height設置為與高度相同的值，從而使文本垂直居中。

div p {
height: 100px;
line-height: 100px;
text-align: center;
font-size: 18px;
}

有趣的是，您也可以將line-height設置為較大值，從而創建更大的行高，使文本垂直居中。如果您設置一行是100px高，但將line-height設置為200px，文本將居中，因為上下內邊距是100px。

總的來說，有很多方法可以使文本居中。正確選擇方法取決于您的設計需求。通過靈活使用各種屬性，您可以輕松地使文本在網頁上居中，從而提高頁面的美觀度和可讀性。