想利用-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：盒子属性；
以上几个样式缺一不可～
上面是“利用-webkit-line-clamp控制文本行数不生效解决方法”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_3454.html
声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
