css td 溢出改为省略号

    <style>
        .table{
            table-layout: fixed;
            width:100%;
        }
        .td{
            width:100px;  
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
　　　　　　　 word-wrap: normal;

} table td { border:1px solid red; } </style>

第二种方式是用js直接截取字符串，在拼接三个点...;这样页面样式看上去也像是超出变成...

截取字符串的方法有很多钟，这里只举例一种：str=str.substring(0,i);  // 取字符串的前i个字符；

想要了解更多截取字符串方法，推荐一篇文章 https://www.cnblogs.com/cuixiaohua/p/7373171.html

 备注： .table是整个表格的样式， .td是需要改变td长度溢出变省略号的样式。

转载于:https://www.cnblogs.com/alvin553819/p/7133782.html