HTML表格单元格控制文本长度，超出部分显示省略号

1 固定单元格宽度

这种效果采用css实现。单元格(td)的设置和块(div)有一点不同，前者不能直接设置width，要首先将表格布局（table-layout）设为固定（fixed），然后再设置单元格宽度，否则文字仍然会把单元格撑开。单元格宽度只需设置表头元素就可以作用于整列。

效果如下，注意第二列“线路名称”的显示效果：

2 固定字符数量

固定字符数量的效果提供两种实现方法，一是jquery，二是thymeleaf。先放出实现效果：

 

2.1 jquery实现

2.2 thymeleaf实现

实现方法比较简单，使用三目运算就可以。