眾所周知，通過css設定文字強制不換行超出用省略號表示很簡單：

{
    white-space: nowrap; 文字強制不換行；
    text-overflow:ellipsis; 文字溢位顯示省略號；
    overflow:hidden; 溢位的部分隱藏；
}

但是如果要想顯示兩行，超出用省略號表示要怎麼寫呢？

{
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
 

-webkit-line-clamp用來限制在一個塊元素顯示的文字的行數。 為了實現該效果，它需要組合其他的WebKit屬性。 
常見結合屬性： 
1，display: -webkit-box; 必須結合的屬性 ，將物件作為彈性伸縮盒子模型顯示 。 
2，-webkit-box-orient 必須結合的屬性 ，設定或檢索伸縮盒物件的子元素的排列方式 。 
3，text-overflow: ellipsis;，可以用來多行文字的情況下，用省略號“…”隱藏超出範圍的文字 。