CSS可以讓我們的文本在網頁中自動換行并居中。我們可以使用兩個屬性實現這個效果：word-wrap和text-align。

/* 自動換行 */
word-wrap: break-word;
/* 居中 */
text-align: center;

word-wrap屬性是用來控制文本的換行方式的。當我們設置word-wrap為break-word時，文本會在單詞間換行。這樣可以保證文本在不超出容器寬度的情況下全部顯示。

text-align屬性是用來控制文本的對齊方式的。當我們設置text-align為center時，文本會居中對齊。

下面是一個例子，代碼如下：

.container {
width: 300px;
border: 1px solid black;
padding: 10px;
word-wrap: break-word;
text-align: center;
}

這個例子中，我們創建了一個容器，寬度為300px，邊框為1px實線黑色邊框，內部有10px的內邊距。我們設置了word-wrap和text-align屬性以實現文本自動換行并居中。

在實際開發中，我們可以根據實際需求對這兩個屬性進行調整，以達到最佳效果。