用CSS限制单元格宽度并隐藏溢出-IE异常

Question

我的表有问题。

它由每行3个单元格组成，每个单元格都有一个最大宽度，不适合单元格的文本必须丢弃。

我已经看了这个：

如何使用CSS将表格单元格限制为一行文本？

我做了代码。

http://jsfiddle.net/e3Eqn/222/

问题是，我不明白为什么Firefox、Chrome、Safari可以接受它，而Internet Explorer显示了疯狂的格式，却不考虑CCD_2！

Answer 1

又是一个常见问题。然而，有一种更简单的解决方法，而不是采用各种技术。

使用此格式

<td>
<div>
Your longlonglongcontent
</div>
</td>

然后将其用作CSS

td div { width: 100%; overflow: hidden; }

这将适用于ff、opera和IE7

查看此破解的演示