文字超出省略

/* 文字超出省略 */
.t-o-h{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 一行文字超出隐藏 */
.t-one-h{
    line-height: 20px; 
    white-space: normal;
    overflow:hidden;  
    text-overflow:ellipsis;
    display:-webkit-box;
    word-break:break-all;
    -webkit-box-orient:vertical;  
    -webkit-line-clamp:1;
}

/* 两行文字超出隐藏 */
.t-tow-h{
    line-height: 20px; 
    white-space: normal;
    overflow:hidden;  
    text-overflow:ellipsis;
    display:-webkit-box;
    word-break:break-all;
    -webkit-box-orient:vertical;  
    -webkit-line-clamp:2;
}

/* 关键值在于 */
line-height: 20px; 
-webkit-line-clamp:2;