CSS中的多行折疊是一種非常實用的功能，可以讓網頁上的文本內容在達到一定長度后自動折疊，從而節省頁面空間，提高頁面可讀性。下面我們來看一下如何在CSS中實現多行折疊。

//樣式部分
.max-lines {
overflow: hidden;   //超出部分隱藏
display: -webkit-box;   //兼容webkit
-webkit-line-clamp: 3;  //折疊行數
-webkit-box-orient: vertical;  // 從上到下排列
text-overflow: ellipsis; //'...'省略號顯示
}

以上代碼中，我們使用了CSS的一些特性來實現多行折疊。首先，我們給希望折疊的元素添加了一個類名“max-lines”。然后，我們使用了“overflow: hidden;”屬性來隱藏超出部分內容。接著，我們使用了“display: -webkit-box;”來開啟一個“彈性盒子”，并使用了“-webkit-line-clamp: 3;”來設置折疊行數為3行。最后，我們使用了“text-overflow: ellipsis;”來讓折疊部分以省略號“...”形式顯示。

這樣，我們就完成了多行折疊的實現。如果我們想要實現4行或更多行折疊，只需要將“-webkit-line-clamp”的值修改為相應的行數，就可以實現。

總的來說，CSS中的多行折疊非常便捷，可以讓我們快速地實現頁面布局和設計。掌握了多行折疊的實現方法，我們就有了更多的設計思路和靈活性。