大家都会说起因，那我是不是不说会不随潮流啊？ 诶 ， 那我就不说了 哈哈哈 直接说重点。
超出后用省略号有两种方式，看具体需求：
一，设置一行超出后省略号代替。代码如下：
overflow：hidden； //代表的是超出后隐藏
white-space: nowrap; //禁止换行
text-overflow：ellipsis； //超出后省略号
二，设置多行超出后省略号代替。代码如下：
因为-webkit-line-clamp 为不规范属性，何为？ 也就是不在CSS 规范草案中。所以需要搭配其他属性，也就是如下：
overflow：hidden；//同上
text-overflow：ellipsis； //同上
-webkit-line-clamp: 2； //设置超出多少行后省略号
display：-webkit-box；（这是重点）//必须结合的属性 ，将对象作为弹性伸缩盒子模型显示
三，附上效果图：
实现效果如上图所示。
重点是：height值不能小于你设置总行数的高度，否则只显示height值高度以内的内容。
此致敬礼，程序猿中的少先队员