首先传统的单行文本实现省略号显示代码如下:
<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内核的浏览器。