多行截断

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //行数
overflow: hidden;

 

只适用于webkit内核浏览器。

单行的话是：

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