美文网首页
设置显示行数,超出部分隐藏并显示省略号、文本过长换行显示,高度不

设置显示行数,超出部分隐藏并显示省略号、文本过长换行显示,高度不

作者: 迷失的信徒 | 来源:发表于2022-01-18 11:24 被阅读0次
            overflow: hidden;
            word-break: break-all;  /* break-all(允许在单词内换行。) */
            text-overflow: ellipsis;  /* 超出部分省略号 */
            display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
            -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
            -webkit-line-clamp: 1; /** 显示的行数 **/
    
    文本过长换行显示,高度不固定
    .plan_list_text {
            display:inline-block;
            width: 100%;
            height: auto;
            font-family: Gibson;
            font-size: 32rpx;
            word-break: break-all;
            text-overflow: ellipsis;
            word-wrap: break-word;
            white-space: pre-wrap;
    }
    

    相关文章

      网友评论

          本文标题:设置显示行数,超出部分隐藏并显示省略号、文本过长换行显示,高度不

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