HTML怎么让table中的td内容过长显示为固定长度，多余部分用省略号代替

原文地址：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处就可以显示全部的内容。