css 多出一行或多行后显示...的方法

一行超出显示...

 .mui-ellipsis {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }

两行超出的显示...

 .mui-ellipsis-2 {
     display: -webkit-box;
     overflow: hidden;
     white-space: normal!important;
     text-overflow: ellipsis;
     word-wrap: break-word;
     -webkit-line-clamp:;
     -webkit-box-orient: vertical;
 }