CSS文本超过两行用省略号代替

2019-08-27 07:08:01来源:博客园 阅读 ()

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

CSS文本超过两行用省略号代替

1、只显示一行,超出部分用省略号

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

2、只显示两行(或多行),超出部分用省略号

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    // 控制行数
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;

 


原文链接:https://www.cnblogs.com/angenstern/p/11413440.html
如有疑问请与原作者联系

标签:

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

上一篇:轻松pick移动开发第二篇,rem布局

下一篇:css设置Overflow实现隐藏滚动条的同时又可以滚动