css实现文本超出规定行数后以...代替

项目中常见要求文本内容换行，最多展示几行后，超出的部分以“…”代替，只用css就可实现，记录如下：

直接上代码：

/*段落只显示两排，超出以...显示*/
text-overflow:ellipsis;
-webkit-line-clamp:2;
-webkit-box-orient:vertical; 
overflow:hidden; 
display:-webkit-box;

另外，如上图所示，父级元素如果设置了white-space:no-wrap的话，子元素可能会发现无法换行，记得加上white-space:pre-wrap