利用-webkit-line-clamp控制文本行数不生效解决方法

想利用-webkit-line-clamp控制文本行数，超出的直接用...，但是后来发现-webkit-line-clamp不生效，小编在网上找了以下解决方法！

具体代码如下：

div {
  width:300px;
  display:-webkit-box;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  overflow: hidden;
}

参数介绍：

display：展示方式
text-overflow：文本溢出省略；
-webkit-line-clamp：控制显示行数；
-webkit-box-orient：盒子属性；

以上几个样式缺一不可～