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;

效果：

转载于:https://www.cnblogs.com/Awen71815iou/p/11163629.html