CSS中的自動換行是我們前端開發者在排版頁面時經常遇到的問題，如果不處理好這個問題會導致網頁排版混亂，影響用戶體驗。那么，該如何處理CSS中的自動換行呢？

首先，我們需要了解什么情況下會發生自動換行。當文本內容超過容器元素的寬度時，如果不進行處理，文本會跑到容器元素外面而不是自動換行到下一行。這時候，就需要對CSS中的自動換行進行處理。

/* 設置容器元素width為500px，overflow為hidden表示溢出部分隱藏 */
.container {
width: 500px;
overflow: hidden;
}
/* 設置文本元素width為100%表示占滿容器元素，overflow-wrap為break-word表示自動換行 */
.text {
width: 100%;
overflow-wrap: break-word;
}

如上代碼所示，我們將容器元素的寬度設置為500px并且溢出部分進行隱藏，這樣文本元素就不能跑到容器元素外面了。然后，將文本元素寬度設置為100%表示占滿容器元素的寬度，再將overflow-wrap設置為break-word表示自動換行。

值得注意的是，如果文本中存在單詞超過容器元素寬度的情況，break-word會將單詞進行截斷換行，這會影響到頁面排版。因此，我們在處理CSS中的自動換行時需要根據具體情況進行選擇。