html表格内容一行显示，超出省略号代替

css将表格里的内容显示在一行，超出部分用省略号代替

table{
table-layout: fixed;
}

td{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

1、table-layout需要设置为fixed，用来固定表格布局
2、white-space需要设置为nowrap，用来强制不换行
3、overflow设置为hidden，内容溢出的时候不显示
4、text-overflow设置为ellipsis， 内容溢出的时候，溢出部分显示为...

参考：CSS让表格里的内容强制显示一行，超出长度显示省略号 - 代码啦 - 博客园 (cnblogs.com)