单行、多行溢出省略

单行、多行溢出省略

* 单行省略 */
 
.ellipsis {
 
    overflow: hidden;
 
    text-overflow: ellipsis;
 
    white-space: nowrap;
 
}
 
/* 多行省略 */
 
.ellipsis-2l {
 
    overflow : hidden;
 
    text-overflow: ellipsis;
 
    display: -webkit-box;
 
    -webkit-line-clamp: 2;
 
    /* 数值代表显示几行 */
 
    -webkit-box-orient: vertical;
 
}