多行省略号显示

-webkit-line-clamp: 2;//可以允许最多显示的行数
-webkit-box-orient: vertical;//用来设置是否垂直还是平行显示，（目前为垂直显示）

overflow: hidden;
text-overflow: ellipsis;//显示省略符号来代表被修剪的文本。
display: -webkit-box;

http://blog.sina.com.cn/s/blog_13793bda00102w03m.html

这篇文章里面讲解的比较详细