CSS控制超出的問題在頁面的設計和布局中經常出現。如果頁面內容過多，其長度就會超過屏幕寬度，導致頁面出現橫向滾動條。而超長的內容還會影響閱讀體驗和頁面的美觀程度，所以我們需要使用CSS來控制這種情況。以下介紹了幾種方法來解決這一問題。 1. 使用CSS的overflow屬性。該屬性有三個值：visible、hidden和scroll。默認是visible，即不做任何控制，會讓內容超出容器而導致滾動。而hidden可以隱藏超出內容，scroll則顯示滾動條。如下示例：

p {
overflow: hidden;
}

2. 使用CSS的text-overflow屬性。當元素內的文本太長時，該屬性可以在元素末尾添加省略號表示內容被截斷。但是要注意，該屬性只對單行文本有效。具體寫法如下：

p {
white-space: nowrap; /* 必須指定 */
overflow: hidden;
text-overflow: ellipsis;
}

3. 使用CSS的word-break屬性。當文本中存在長單詞或長URL等，它們可能會因為長度超出而破壞頁面的布局。使用word-break可以將單詞拆分成多個行，從而改善這種情況。具體實現如下：

p {
word-break: break-word;
}

這些方法可以適用于多種情況，從而控制頁面中的內容超出問題。但是要注意使用它們時，應遵循頁面設計的整體要求，不要導致閱讀困難或者視覺效果不佳。