表格中文字过多需要隐藏文字

正确的做法

CSS 代码

div{width:100px;overflow:hidden;white-space:nowrap;} td{width:100px;overflow:hidden;white-space:nowrap;word-break:keep-all;}

HTML 代码

中华人民共和国中华人民共和国 中华人民共和国中华人民共和国 中华人民共和国中华人民共和国

全部 OK。可以看出 td 比 div 多一个 word-break:keep-all; //只能在半角空格或连字符处换行。。这是由于 IE 中，对 td 的解释与 Firefox、Chrome 的不同，若不加的话，IE 中第三行仍然会转到下一行，而不是截断。具体请参见兼容多浏览器，兼容 div、p、td 的强制不换行及强制换行。

在恰当的断字点进行换行：

word-break 属性规定自动换行的处理方法。

提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

CSS 参考手册

设置 overflow 属性：

亲自试一试

所有主流浏览器都支持 overflow 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

overflow 属性规定当内容溢出元素框时发生的事情。

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。

CSS 参考手册

规定段落中的文本不进行换行：

亲自试一试

所有浏览器都支持 white-space 属性。

注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

white-space 属性设置如何处理元素内的空白。

这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。