文本溢出显示省略号

1.单行文本溢出

overflow:hidden;  //超出部分隐藏
text-overflow:ellipsis;  //超出部分用省略号代替
white-space:nowrap;  //规定在一行内显示

2.多行文本溢出

overflow:hidden;
text-overflow:ellipsis;
-webkit-line-clamp:2;  //限制在一个快元素显示的文本的行数
display:-webkit-box;  //弹性伸缩盒子模型显示
-webkit-box-orient:vertical;  //设置或检索伸缩盒对象的子元素的排列方式