CSS如何定義字體居中？ 在網頁設計中，我們經常會遇到需要將文本內容居中顯示的情況，特別是在元素尺寸固定的情況下。那么如何使用CSS來實現文字居中呢？ 一、使用text-align屬性 我們可以通過設置text-align屬性來實現文本居中。這個屬性并不是用來設置元素的垂直居中的，而是用來控制水平方向上的位置。 例如，我們可以使用如下代碼來使一個段落中的文本居中：

p {
text-align: center;
}

這樣，我們就可以在一個固定尺寸的容器中將文本居中顯示了。 二、使用line-height屬性 當我們需要將一行文本垂直居中時，可以使用line-height屬性來控制。 例如，我們可以使用如下代碼來使一個段落中的文本垂直居中：

p {
height: 60px;
line-height: 60px;
}

在這個例子中，line-height屬性的值與元素的高度相等。這樣，段落中的文本就會在容器中垂直居中顯示。 三、使用display: flex 當我們需要在一個容器中同時實現水平和垂直居中時，可以使用display: flex來布局。 例如，我們可以使用如下代碼來使一個容器內的文本水平和垂直居中：

.container {
display: flex;
justify-content: center;
align-items: center;
}

在這個例子中，我們使用display: flex來啟用flex布局，然后使用justify-content和align-items屬性來控制元素的水平和垂直方向上的位置。 綜上所述，CSS中有多種方法可以實現文本的水平和垂直居中。根據具體的應用場景，我們可以選擇不同的方法來實現需要的效果。