美文网首页
css 实现单行、多行文本超出的时候显示省略号

css 实现单行、多行文本超出的时候显示省略号

作者: 阿克兰 | 来源:发表于2019-07-18 18:34 被阅读0次

    单行

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

    多行

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;   // 3意思是你在哪一行添加这个省略号
    overflow: hidden;
    

    相关文章

      网友评论

          本文标题:css 实现单行、多行文本超出的时候显示省略号

          本文链接:https://www.haomeiwen.com/subject/oqdrlctx.html