单行文本溢出省略：

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

注：一定要给容器定义宽度；
少了overflow:hidden，文字会撑到容器外面；
少了text-overflow:ellipsis，文字会被裁切;
少了white-space:noerap，没有省略号，文字不会隐藏。

2/多行文本溢出省略：

overflow：hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2

注：-webkit-line-clamp:2，块元素显示的文本行数，2可以改成想要的行数n；
-webkit_box-orient:vertical，该属性规定子元素应该被垂直排列。