CSS中有一種非常實用的樣式屬性——多行溢出省略（text-overflow:ellipsis）。該屬性可以使文本在到達其容器的邊緣時省略多余的文本，顯示省略號代替。

.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 顯示行數(shù) */
}

上面的代碼是一個典型的多行溢出省略的CSS樣式，其中-webkit-box和-webkit-box-orient控制彈性盒子的方向，-webkit-line-clamp為控制文本的行數(shù)。這個樣式可以將一個元素內(nèi)的文本在溢出時自動省略，并顯示省略號。

需要注意的是，該樣式只在一些特定的瀏覽器中生效，如webkit內(nèi)核的瀏覽器，而在其它瀏覽器中使用此屬性會無效。如果要在其它瀏覽器中實現(xiàn)多行溢出省略，可以使用JS來動態(tài)計算文本高度，然后通過截斷文本來實現(xiàn)。

在實際應(yīng)用中，多行溢出省略樣式經(jīng)常被用在新聞列表、文章摘要等場景中，讓我們的頁面更加美觀和整潔。