在進行網(wǎng)頁排版時，我們可能會遇到文字需要被換行，且要保證文字在容器內(nèi)居中的需求。這時候，我們可以利用 CSS 屬性來輕松實現(xiàn)。

/* 對于需要換行的元素，我們可以設(shè)置以下屬性 */
word-wrap: break-word; /* 讓單詞自動換行，避免了單詞被截斷的情況 */
display: flex; /* 將元素變?yōu)?flex 容器 */
align-items: center; /* 讓元素內(nèi)的內(nèi)容垂直居中 */
justify-content: center; /* 讓元素內(nèi)的內(nèi)容水平居中 */
/* 這里是完整的代碼實例 */
.container {
width: 300px;
height: 100px;
border: 1px solid #ccc;
display: flex;
align-items: center;
justify-content: center;
}
.container p {
word-wrap: break-word;
}

在上述代碼中，我們定義了一個容器 .container，它有固定的寬和高，并設(shè)置了邊框樣式。在 .container 中我們將其變?yōu)?flex 容器，使得內(nèi)部的元素可以輕松垂直居中和水平居中。對于需要換行的元素 p，我們只需要設(shè)置 word-wrap: break-word; 即可。

通過上述的 CSS 屬性設(shè)置，我們可以輕松實現(xiàn)文字自動換行，且在容器內(nèi)居中的效果。