div{
overflow:hidden;
display:-webkit-box; //将对象作为弹性伸缩盒子模型显示;
text-overflow:ellipsis;//溢出部分用省略号代替
-webkit-line-clamp:2; //设置文本显示两行
-webkit-box-orient:vertical; //从上到下排列子元素;
white-space:normal;
}
-webkit line clamp：css属性允许将块容器的文字限制为指定的行数,并用省略号填充尾部。