当文字超出宽度,自动截取文字并加省略号
起因
项目中列表显示时,文字超长,显示样式不美观
以前的思路
文字超长,用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; /*显示...*/
}