使table中td的内容不换行显示，多余时出现省略号

table中td固定宽度不换行方法：

一、直接给td添加css样式！

如下：.

td-nobr{white-space:nowrap;}

我是很长的文字，我会出现省略号的哦

二、给td添加HTML属性！

如下：

我是很长的文字，我会出现省略号的哦

三、给td元素中添加标签！

如下：

我是很长的文字，我会出现省略号的哦

四、给table设置css样式，在为td设置css样式！

如下：

.table{table-layout:fixed;}

.table tr td{ overflow:hidden;text-overflow:ellipsis;}

我是很长的文字，我会出现省略号的哦

如此，便可以实现table中td不换行显示！