在網頁設計中，經常會出現文字或圖片超出了容器的情況，如何處理這些超出的元素呢？CSS中提供了多種處理方式，其中比較常見的是超出內容進行換行。本文將介紹CSS中超出內容換行的幾種方式。 首先是使用word-break屬性進行換行。該屬性定義了是否斷行及如何斷行。常見的屬性值有break-all和keep-all，分別表示可以斷行和不可以斷行。通過設置break-all可以讓超出的內容進行換行。

p {
word-break: break-all;
}

其次是使用white-space屬性進行換行。該屬性決定了是否保留元素中的空白和換行符，其中常見的屬性值有normal、pre-wrap和pre-line。通過設置pre-wrap或pre-line可以讓超出的內容進行換行。

p {
white-space: pre-wrap;
}

最后是使用overflow屬性進行隱藏。該屬性定義當內容溢出元素框時發生的事情。常見的屬性值有visible、hidden、scroll和auto。通過設置hidden可以讓超出的內容隱藏，同時不會影響元素的大小。

div {
overflow: hidden;
}

以上就是CSS中超出內容換行的幾種方式。適用不同的情況選擇合適的方式進行處理，可以使網頁設計更加美觀和規范。