CSS 中的多行文字溢出通常使用 overflow 屬性來實現(xiàn)。當(dāng)文本比容器區(qū)域更大時，此屬性定義了超出邊界的內(nèi)容應(yīng)該如何處理。 例如，當(dāng)你想讓一個 `div` 元素顯示兩行，但是內(nèi)容超過兩行時，你可以使用以下 CSS 代碼： ```css div { width: 200px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ``` `overflow` 屬性設(shè)置了溢出內(nèi)容的處理方式為隱藏。`text-overflow` 屬性使用省略號來表示省略的文本。這個屬性僅適用于單行文本，但使用 `white-space` 屬性設(shè)置為 `nowrap` 后，文本就不再換行了。 但是，對于多行文本，上述方法將無效。 `overflow` 屬性僅適用于元素內(nèi)容的裁剪，但不處理換行或滾動文本。 為了解決這個問題，可以使用 CSS3 中的 `line-clamp` 屬性。`line-clamp` 屬性指定了一個元素應(yīng)該被截斷顯示的行數(shù)，而 `display: -webkit-box` 屬性則定義了一個特殊的布局模型，它可以將文本截斷為指定行數(shù)并添加省略號。 以下是一個示例： ```css div { width: 200px; height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } ``` 這個代碼將一個 `div` 元素的高度設(shè)置為 50 像素，并將內(nèi)容的溢出處理為隱藏。然后，使用 `-webkit-box` 顯示字符串，并使用 `-webkit-line-clamp` 將字符串切斷為兩行。`-webkit-box-orient` 則指示文本應(yīng)垂直排列。 以上是 CSS 處理多行文字溢出的方法。通過這些方法，你可以輕松地在不同場景下適應(yīng)多行文本的需求。