多行文本溢出样式设置

多行文本溢出
1行＋省略号显示

.line1{
 overflow: hidden;//溢出隐藏
 text-overflow:ellipsis ;//文本溢出使用省略号
 display: -webkit-box;
 -webkit-line-clamp:1;//控制显示的行数
 -webkit-box-orient: vertical;
}

2行+省略号显示

.line2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient: vertical;
}

拷贝到公共css文件中，给要使用的标签加上line1/line2的类名就好啦！！