CSS中有一種非常實用的樣式：多行省略。在展示較長的文本內容時，通常希望能夠限制行數，以使得頁面布局更加美觀，提高用戶體驗。

下面我們來看一下如何使用CSS設置多行省略。首先，我們需要使用CSS屬性

text-overflow

和

overflow

。其中，

text-overflow

用于指定如何處理溢出的文本內容，可以設置為三個值之一：ellipsis（省略號）、clip（剪裁）和string（字符串）。而< pre>overflow用于控制元素的溢出內容如何處理，可以設置為hidden、auto、scroll等。

// 設置多行省略的樣式
.ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;//顯示3行文字
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

我們可以看到，上述CSS代碼中，通過設置元素的display屬性為-webkit-box，可以將元素顯示為一個塊級框，同時將元素內的內容顯示為一個或多個框線框架，每個框架包含一個行框。而通過設置元素的-webkit-line-clamp屬性，可以指定要顯示的行數。最后，通過設置元素的overflow屬性為hidden，可以將超出部分剪切掉，而text-overflow則指定省略號顯示方式。

總之，設置多行省略樣式非常簡單，只要按照上述方法使用text-overflow和overflow屬性即可。這樣一來，我們就可以輕松地對長文字進行處理，使其美觀、易讀。