可以使用overflow:hidden;来把超出的部分隐藏，
使用text-overflow:ellipsis;当文本对象溢出是显示为省略号。

以下是可直接使用的代码：
//超出一行省略号

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

//超出两行省略号

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