/*单行文本溢出*/  
.ellipsis{
    white-space:nowrap  ;
    text-overflow:ellipsis;
    overflow:hidden
}  

/*多行文本溢出*/  
.ellipsis{
    display: -webkit-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;      //展示3行 
}

单行文本溢出:

多行文本溢出: