需求：文字超出部分顯示...

思路：給出一個max-length，利用文本不換行實現

//單行
.cont{
    max-length:300px;
    overflow:hidden;/*內容超出后隱藏*/
    text-overflow:ellipsis;/*超出內容顯示為省略號*/
    white-space:nowrap;/*文本不進行換行*/
}
 
 
//多行
.cont2{
    max-length:300px;
    overflow:hidden; /*內容超出后隱藏*/
    text-overflow:ellipsis;/*超出內容顯示為省略號*/
    display:-webkit-box; /*將對象作為彈性伸縮盒子模型顯示*/
    -webkit-box-orient:vertical;/*從上到下垂直排列子元素（設置伸縮盒子的子元素排列方式）*/
    -webkit-line-clamp:2; /*這個屬性不是css的規范屬性，需要組合上面兩個屬性，表示顯示的行數。可根據需要設置超出多少行后顯示省略號*/
}