筆記：css能做到文本超出第二行顯示省略號

html

<div class='ellipsis'>大家應該都知道用text-overflow:ellipsis屬性來實現單行文本的溢出顯示省略號(…)。當然部分瀏覽器還需要加寬度width屬性。但是這個屬性並不支持多行文本溢出顯示
省略號</div>

css

.ellipsis{
    width:100px;
    overflow : hidden;/*必須結合的屬性,當內容溢出元素框時發生的事情*/
    text-overflow: ellipsis;/*可以用來多行文本的情況下，用省略號“…”隱藏超出范圍的文本 。*/
    display: -webkit-box;/*必須結合的屬性 ，將對象作為彈性伸縮盒子模型顯示 。*/
    -webkit-line-clamp: 2;/*用來限制在一個塊元素顯示的文本的行數。*/
    -webkit-box-orient: vertical;/*必須結合的屬性 ，設置或檢索伸縮盒對象的子元素的排列方式 。*/
}

　　

效果圖