美文网首页
开发经验--前端篇

开发经验--前端篇

作者: Hiseico | 来源:发表于2019-04-18 16:04 被阅读0次

    列表过多内容使用...隐藏

    <td><div style='width:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title="${item.sd_plan_remark}">${item.sd_plan_remark}</div></td>
    

    只显示两行内容,超过使用省略号代替

    <style>
            .title {
            width: 160px;
            height: 35px;
            white-space: pre-wrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2; /*截取第二行*/
            word-break: break-all;
            word-wrap: break-word;
        }
    </style>
    
    <div class="title" title="${item.title}">${item.title}</div>
    

    相关文章

      网友评论

          本文标题:开发经验--前端篇

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