当文字超出宽度,自动截取文字并加省略号

起因

项目中列表显示时,文字超长,显示样式不美观

以前的思路

文字超长,用js函数控制,截取几位,加“...”

return data.substr(0,18)+'...';

现在的做法

采用css控制,不用每列都去采用js控制

table#tvTable {
    table-layout: fixed;            /*固定布局*/
}
table#tvTable tbody td {
    white-space: nowrap;            /*不换行*/
    overflow: hidden;               
    -moz-text-overflow: ellipsis;   /*firefox兼容*/
    text-overflow: ellipsis;        /*显示...*/
}
posted @ 2015-09-23 09:00  无眠  阅读(298)  评论(0编辑  收藏  举报