文本超出省略号

单行文本超出隐藏

 .single-ellipsis{
    500px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

多行文本超出隐藏

 .multiline-ellipsis {
   display: -webkit-box;
   word-break: break-all;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4; //需要显示的行数
   overflow: hidden;
   text-overflow: ellipsis;
 }