2024年12月08日 建站教程
想利用-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:盒子属性;
以上几个样式缺一不可~
本文链接:http://so.lmcjl.com/news/19203/