实现上图所示样式
单行超市省略号
width: 9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; //单行超出显示省略号
可设置多行超出省略
//两行超出.overhide {display: -webkit-box !important;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break:break-all;}//一行超出.overhideline1 {display: -webkit-box !important;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break:break-all;}
多行需要再添加强制换行属性: word-break:break-all; 否则纯英文会被识别为一个单词，不换行
