超出文本寬度點點顯示——css

1.超出一行點點顯示

.ellipsis-1{
    white-space: nowrap;            //不換行
    overflow: hidden;            　　//超出寬度隱藏
    text-overflow: ellipsis;        //超出寬度點點顯示
}

2.超出兩行點點顯示

.ellipsis-2{
    overflow: hidden;                　//超出寬度隱藏
    text-overflow: ellipsis;           //超出寬度點點顯示
    display: -webkit-box;             //將對象作為彈性伸縮盒子模型顯示
    -webkit-line-clamp: 2;            //限制在一個塊元素顯示的文本的行數
    -webkit-box-orient: vertical;    //設置或檢索伸縮盒對象的子元素的排列方式
}

3.超出三行點點顯示

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