CSS字體居中自動換行 CSS是網頁設計中必備的重要工具之一，它提供了很多方便的屬性來幫助我們實現網頁設計。其中之一就是字體居中自動換行。本文將介紹如何使用CSS來實現這一功能。 一、字體居中 我們首先需要了解如何讓字體居中。在CSS中，我們可以使用text-align屬性來控制文字的對齊方式。text-align屬性有四個值： 1. left：將文字左對齊 2. right：將文字右對齊 3. center：將文字居中對齊 4. justify：將文字兩端對齊 因此，要實現字體居中，我們只需要將text-align屬性設置為center即可。 例如：

p {
text-align: center;
}

這將使每個段落的文本居中對齊。 二、自動換行 接下來，我們需要讓文本自動換行。如果文本長度超出了容器的寬度，我們希望它能夠自動換行而不是繼續延伸容器的寬度。在CSS中，我們可以使用word-wrap屬性來實現這一目標。word-wrap屬性有兩個值： 1. normal：默認的換行方式，會將文本延伸到容器的寬度以外 2. break-word：強制文本在每個單詞之間換行，即使這將導致單詞被截斷 因此，要實現自動換行，我們只需要將word-wrap屬性設置為break-word。 例如：

p {
word-wrap: break-word;
}

這將使文本在每個單詞之間自動換行。 三、綜合應用 現在，我們已經知道了如何讓字體居中和自動換行。接下來，我們將這兩種屬性結合起來，實現一個字體居中自動換行的效果。 例如：

p {
text-align: center;
word-wrap: break-word;
}

這將使每個段落的文本居中對齊，并在每個單詞之間自動換行。 總結 本文介紹了如何使用CSS實現字體居中自動換行的效果。我們可以使用text-align屬性來控制文字的居中對齊，使用word-wrap屬性來實現自動換行。通過將這兩種屬性結合起來，我們可以在網頁設計中使用更多的樣式，使其更加美觀和易讀。