html - 使用 CSS 限制单元格宽度并 overflow hidden - IE 异常

标签 html css internet-explorer html-table

我在使用表格时遇到问题。

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

我已经看过了:

How to limit a table cell to one line of text using CSS?

然后我编写了代码。

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

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

最佳答案

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

使用这种格式

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

然后将其用作 CSS

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

这将适用于 ff、opera 和 IE7

查看您的 demo有了这个技巧

关于html - 使用 CSS 限制单元格宽度并 overflow hidden - IE 异常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9461987/

相关文章:

html - 来自 bootstrap nav-pills 的图像顶部的文本

JQuery Cycle 插件、SIFR 和 PNG 修复 - IE 中的奇怪行为

javascript - IE 的 AJAX document.getElementById().innerHTML 问题?

javascript - Jquery clone() 未按预期工作

javascript - 为什么当我选择日期(使用 HTML5 日期)时,Javascript 显示的日期与日期选择器中的日期不同?

internet-explorer-8 - CSS 圆 Angular IE8 和 IE7

html - 如何让我的视频向左浮动,而我的段落位于视频的右侧?

CSS word-wrap 导致 div 后空格溢出

javascript - 两张图片之间的文字 - 文字在前面,图片紧挨着

css - 是否可以在输入 :focus? 上更改字段集的背景颜色