在網頁設計中，為了使頁面更加美觀，我們經常會使用CSS來設置文字的樣式。然而，當一段文字的長度超過了容器的寬度時，文字就會出現超出容器的情況，這時就需要使用CSS進行超過寬度換行的處理。

在CSS中，我們可以使用word-wrap屬性和white-space屬性來實現超過寬度換行。其中word-wrap屬性用于控制單詞如何換行，而white-space屬性用于控制空格和換行符的處理。

p {
word-wrap:break-word;
white-space:pre-wrap;
}

在上面的代碼中，我們將word-wrap屬性設置為break-word，表示單詞會在行末自動換行。同時，我們將white-space屬性設置為pre-wrap，表示空格和換行符會被保留，并且超過寬度的內容會自動換行。在這個例子中，我們使用了pre-wrap而不是pre，因為pre會在遇到換行符時強制換行。

除了上述方法外，我們還可以利用CSS3中的text-overflow屬性進行超過寬度的處理。當text-overflow屬性的值為ellipsis時，超出部分會被省略號所代替。

p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

在上面的代碼中，我們將overflow屬性設置為hidden，表示超出部分會被隱藏。同時，我們將white-space屬性設置為nowrap，表示空格和換行符會被忽略。最后，我們將text-overflow屬性設置為ellipsis，表示超出部分會被省略號所代替。

無論是使用word-wrap和white-space屬性還是使用text-overflow屬性，都可以很好地解決超過寬度的換行問題。在實際應用中，我們可以根據具體需求選擇合適的方法，使網頁內容更美觀、更具吸引力。