如果是一行的话
css为
white-space: nowrap； 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格。
overflow: hidden； 隐藏超出单元格的部分。
text-overflow: ellipsis； 将被隐藏的那部分用省略号代替。
若是想要超出指定的行数再显示...
css为
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2; //这里写的数字是几就是超过几行剩余的显示省略号
-webkit-box-orient:vertical;
overflow:hidden;
原文：http://www.cnblogs.com/zzgyq/p/6674871.html