html div内第二行文字显示不下的时候才用省略号…

2018-06-24 02:28:24来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

有时候文字太多,但为了美观想要在第二行的时候才显示省略号,而不是第一行超出马上就出现省略号

下面是css代码:

overflow:hidden;
text-overflow: ellipsis;//显示省略号
display:-webkit-box;
-webkit-line-clamp:2;//块元素显示的文本行数
-webkit-box-orient:vertical;

截图:

定义在div上就可以了

上效果图

这样文字不会到第三行

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:课时91.CSS元素显示模式(掌握)

下一篇:html基础用法(上)