CSS3實作兩行或三行文字，然後多出的部分省略号代替

-webkit-line-clamp 是一個 不規範的屬性（unsupported WebKit property），它沒有出現在 CSS 規範草案中。

限制在一個塊元素顯示的文本的行數。 為了實作該效果，它需要組合其他外來的WebKit屬性。常見結合屬性：

display: -webkit-box; 必須結合的屬性 ，将對象作為彈性伸縮盒子模型顯示 。

-webkit-box-orient 必須結合的屬性 ，設定或檢索伸縮盒對象的子元素的排列方式 。

text-overflow，可以用來多行文本的情況下，用省略号“...”隐藏超出範圍的文本 。

-webkit-line-clamp：<number>

預設值： ? ?表示不清楚；

适用于：塊元素

繼承性：無

動畫性：否

計算值：指定的值

<number>：

塊元素顯示的文本的行數。

* CSS3新增屬性可能存在描述錯誤及變更，僅供參考，持續更新

示例：（注意要設定固定高度，寬度可不限定）

學習交流群：364976091