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

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

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

如下：.

td-nobr{white-space:nowrap;}

<td class="td-nobr">我是很长的文字，我会出现省略号的哦</td>

二、给td添加HTML属性！

如下：

<td nowrap>我是很长的文字，我会出现省略号的哦</td>

三、给td元素中添加<nobr></nobr>标签！

如下：

<td><nobr>我是很长的文字，我会出现省略号的哦</nobr></td>

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

如下：

.table{table-layout:fixed;}

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

<table class="table">

<tr><td>我是很长的文字，我会出现省略号的哦</td></tr>

</table>

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