CSS实现文本溢出显示省略号

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

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

实现单行文本溢出显示省略号,用以下代码即可:

overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;

实现效果:(Google Chrome)

多行文本的如下:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

实现效果:(Google Chrome)

标签:

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

上一篇:calc() 计算CSS属性值

下一篇:chorme 浏览器记住密码后input黄色背景处理