纯css实现多行文本省略号显示

首先传统的单行文本实现省略号显示代码如下：

<span style="font-size:18px;"><strong>overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;</strong></span>

注意点：部分低版本浏览器需要加上固定宽度才支持text-overflow属性。

纯css实现多行文本省略号显示：方法一

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

此方法由于使用了前缀webkit只适用于webkit内核的浏览器。