关于table div内容换行与table固定一列内容不换行溢出隐藏的问题

换行的各种样式如下：

1.  word-break:break-all; 只对英文起作用，以字母作为换行依据

2.  word-wrap:break-word; 只对英文起作用，以单词作为换行依据

3.  white-space:pre-wrap; 只对中文起作用，强制换行

4.  white-space:nowrap; 强制不换行，都起作用

5.  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 不换行，超出部分隐藏且以省略号形式出现

 

但是遇到的问题是，希望在table中 内容过长，就不换行直接隐藏以省略号的形式出现

在table中加了宽度 加了white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 还不是直接撑开不隐藏

网上查阅之后

td的style设置：overflow:hidden;white-space:nowrap;并且设定width

table的style设置：table-layout:fixed即可