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

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

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

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

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

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

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

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