css如果限制文字超过几行后用...代替

  • 内容
  • 评论
  • 相关

案例:如下图所示产品名字如果超过2行通过css自动截取最后显示...

图片1.png

图片2.png


style="-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;display: -webkit-box;height:50px;"

 

-webkit-line-clamp: 2; 代表几行

overflow: hidden; 代表超出部分不显示

-webkit-box-orient: vertical;display: -webkit-box; 决定...

Height:50px; 一般写几行文字所占的高度即可

本文标签:

版权声明:若无特殊注明,本文皆为《菜鸟站长》原创,转载请保留文章出处。

本文链接:css如果限制文字超过几行后用...代替 - https://www.wlphp.com/?post=375

发表评论

电子邮件地址不会被公开。 必填项已用*标注