css实现超出文本溢出用省略号代替

1.多行文本

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*截取第三行*/
overflow: hidden; 

效果：

 

2.单行文本

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