文字省略

1.单行文字省略

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

2.多行文字省略

display:-webkit-box;//将对象作为弹性伸缩盒子模型
-webkit-box-orient:vertical;//设置或检索伸缩盒子内子元素的排列方式
-webkit-line-clamp:3;//控制显示的文本行数
overflow:hidden;

使用了webkit的css扩展属性，该方法适用于webkit及移动端