原文地址：
https://blog.csdn.net/tuntun1120/article/details/72903387
方式如下：
步骤1
在table中必须设置style:table-layout: fixed
注：这个属性是让table的内部布局固定大小，这个时候就用width属性调节td的长度。
步骤2
之后td中添加如下：
td {
white-space:nowrap;
overflow:hidden;
text-overflow: ellipsis;
}
注：white-space:nowrap;规定段落中的文本不进行换行；overflow:hidden;关闭滚动条；text-overflow: ellipsis;溢出的文字显示为省略号。
清理缓存后，就可以发现实现了“HTML怎么让table中的td内容过长显示为固定长度，多余部分用省略号代替”。
这个时候你会发现，就算变成了省略号，就会出现不知道内容完整的是什么？所以这个时候可以考虑使用td的title属性，在title属性中设置内容为显示内容，这样只要光标停留在td处就可以显示全部的内容。