css文本内容显示省略号

2018-10-19 06:13:24来源:博客园 阅读 ()

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

文字显示省略号
width: 4.5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

 

但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 
实现方式如下

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

标签:

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

上一篇:input属性为number时,如何去掉+、-号?

下一篇:前端基础-- HTML