-webkit-line-clamp 結合其他樣式屬性一起使用，可以實現內容指定行數來顯示的效果，不過，它還是一個不規範的屬性，沒有被列入CSS 規範草案（不影響實現效果）。程式碼如下：

與其他屬性配合使用：

-webkit-line-clamp:n;           //設定行數，n為行數（必選）
display: -webkit-box;           //盒子模型（必選）
-webkit-box-orient:vertical;    //元素的排列方式（必選）

案例1：指定內容2行顯示，超出的部分顯示省略號。

-webkit-line-clamp:2;           //設定行數，2行顯示
display: -webkit-box;           //盒子模型
-webkit-box-orient:vertical;    //元素的排列方式，垂直居中
overflow:hidden;                //隱藏溢位內容
text-overflow: ellipsis;        //超出的內容顯示省略號
 

（完）