CSS（層疊樣式表）是一種用于美化Web頁面的技術。在 CSS 中，我們可以使用各種樣式規則來控制文字的顯示方式。其中，超出換行是一個常見的問題，可以通過 CSS 來解決。 要控制文本超出換行的樣式，我們可以使用“text-overflow”屬性來設置。這個屬性有三個取值：clip、ellipsis 和 string。clip 表示文本超出后直接截斷，ellipsis 表示文本超出后顯示省略號，string 則是可以自定義一個字符串來代替超出的文本。 例如:

p {
width: 200px; /* 限定文本寬度 */
white-space: nowrap; /* 不允許換行 */
overflow: hidden; /* 超出部分隱藏 */
text-overflow: ellipsis; /* 超出部分顯示省略號 */
}

上面的代碼將會使段落超出部分被截斷，并且用省略號來表示被隱藏的文本。這樣，就可以有效地防止超出部分影響頁面顯示。 雖然“text-overflow”屬性可以解決文本超出換行的問題，但是需要注意的是，這個屬性只對單行文本有效。對于多行文本，可以使用“-webkit-line-clamp”屬性來控制文本的行數，并使用省略號來表示。

p {
width: 200px; /* 限定文本寬度 */
height: 45px; /* 限定文本高度 */
display: -webkit-box; /* 使用 -webkit-box 渲染 */
-webkit-box-orient: vertical; /* 文本垂直布局 */
-webkit-line-clamp: 2; /* 最多顯示兩行文本 */
overflow: hidden; /* 超出部分隱藏 */
text-overflow: ellipsis; /* 超出部分顯示省略號 */
}

上面的代碼將會使段落限定在兩行內，超出部分使用省略號表示。這樣，在頁面上就可以清楚地看到限定行數內的文本，而超出部分則在視覺上被隱藏。 總之，通過上面所演示的一些 CSS 技巧，我們可以很好地控制文本超出換行的樣式，從而更好地優化頁面顯示效果。