在網頁設計中，文字換行和居中都是比較基礎的需求。今天我們來講一下如何使用 CSS 來實現文字的換行和居中。

p{
/* 文字自動換行 */
word-wrap: break-word;
/* 居中 */
text-align: center;
}

首先，我們需要使用word-wrap: break-word;屬性來實現文字的自動換行。這個屬性可以讓長單詞或鏈接自動換行，使得頁面看上去更加美觀。

其次，我們需要使用text-align: center;屬性來實現文字的居中。該屬性會將文字在容器內進行居中顯示，使得讀者的閱讀體驗更好。

值得注意的是，如果我們只需要將文字水平居中，可以使用text-align: center;；但如果我們需要將文字垂直居中，還需要使用其他的技巧。

在實際開發中，我們可以同時使用這兩個屬性來實現文字的自動換行和居中。這樣可以讓頁面更加美觀，也更加易于閱讀。