當(dāng)我們在展示一些內(nèi)容時，可能出現(xiàn)了內(nèi)容過長的情況，這時我們需要對其進行溢出隱藏處理。那么在 CSS 中，如何實現(xiàn)多行的溢出隱藏呢？

.text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 限制行數(shù)
-webkit-box-orient: vertical; // 文本垂直方向排列
}

在上面的代碼中，我們使用了-webkit-box和-webkit-line-clamp來限制文本的行數(shù)。

-webkit-box是一個彈性容器，可以讓我們在其中設(shè)置一些布局屬性，例如-webkit-box-orient就用來設(shè)置文本的垂直方向排列。

-webkit-line-clamp是設(shè)置限制行數(shù)的屬性，例如上述代碼中設(shè)置為 3，就限制了文本最多只顯示 3 行。

而overflow和text-overflow都是為了讓溢出的文本隱藏并顯示省略號。

需要注意的是，上述代碼只在 Safari 和 Chrome 瀏覽器上有效。在其他瀏覽器中，可能需要使用不同的屬性來實現(xiàn)多行的溢出隱藏效果，例如在 Firefox 瀏覽器中，可以使用display: -moz-box;和-moz-box-orient: vertical;。

總的來說，通過這些屬性的設(shè)置，我們可以輕松地實現(xiàn)多行的溢出隱藏效果。