美文网首页
css超出部分字符显示省略号

css超出部分字符显示省略号

作者: 雅雅的前端工作学习 | 来源:发表于2018-08-21 15:20 被阅读0次

    对于单行, 注意将元素转换为display:inline-block;:

        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;//单行
    

    对于多行(这里示例四行):

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

    相关文章

      网友评论

          本文标题:css超出部分字符显示省略号

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