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

【问题标题】：Limit cell width with CSS and hide overflow - IE anomaly使用 CSS 限制单元格宽度并隐藏溢出 - IE 异常
【发布时间】：2012-03-16 17:55:42
【问题描述】：

我的桌子有问题。

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

我已经看过了：

我编写了代码。

问题是我不明白为什么 Firefox、Chrome、Safari 都可以，而 Internet Explorer 显示疯狂的格式并且不考虑 overflow:hidden！

【问题讨论】：

【解决方案1】：

又是一个常见问题。但是，有一个比投入各种技术更简单的解决方法。

使用这种格式

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

然后将其用作 CSS

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

这适用于ff、opera和IE7

通过这个 hack 查看你的 demo

【讨论】：