table元素中文本超出指定长度内容是无法显示省略号

场景

在修改jsp页面的时候遇到一个问题，就是设置table的内容时由于内容很长，超出设定宽度的文本用省略号替代时不起作用。

处理

table元素默认展示的内容时，table的默认布局为table-layout: automatic;，列宽度由单元格的内容所决定。由于内容很长同时设置了white-space: nowrap;导致单元格的内容被撑开的很大。

table的布局还有另外一个属性table-layout: fixed; 列宽由表格宽度和列宽度设定,也就是就算内容很多，但是还是在你设置的表格列宽的范围内。

table {
    
    
	table-layout: fixed;
}

table td {
    
    
	text-overflow: ellipsis;
}