css超出部分用省略号替代

一、单行

实现单行文本的溢出显示省略号使用text-overflow:ellipsis属性，但需要配合使用另外两个属性使用才能达到效果。

如下：

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

效果：

二、多行

不考虑兼容性，适用于Webkit浏览器内核

css代码：

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-box-clamp:3 //截取第三行

overflow:hidden;

效果：