css之單行縮略..以及多行縮略

html單行縮略方法

.oneline {
    white-space: nowrap; //強制文本在一行內輸出
    overflow: hidden; //隱藏溢出部分
    text-overflow: ellipsis; //對溢出部分加上...
}

html多行縮略(主要針對webkit內核)

.multiline {
    display: -webkit-box !important;
    overflow: hidden;
    
    text-overflow: ellipsis;
    word-break: break-all;
    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

 

.oneline {
    white-space: nowrap; //強制文本在一行內輸出
    overflow: hidden; //隱藏溢出部分
    text-overflow: ellipsis; //對溢出部分加上...
}