CSS控制文字，单行/多好超出部分显示省略号...

有时为了避免文本文字内容超出一定宽度后溢出，我们想要溢出的部分不显示但用省略号.....显示，这个时候我们可以使用CSS text-overflow文本溢出省略号属性样式实现。

单行文本的溢出显示省略号:

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

效果：

 

 

 

多行文本溢出显示省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

效果：