多行文本文字过多显示 ...

 300px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //显示两行
-webkit-box-orient: vertical

　　

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

这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器。

具体例子可以查看http://www.css88.com/webkit/-webkit-line-clamp/

推荐链接：http://www.css88.com/archives/5206