【问题标题】：IE9, tables, and display: blockIE9、表格和显示：块
【发布时间】：2014-01-16 03:48:07
【问题描述】：

对于我的网站的低宽度移动版本，我将某些table、tr、td 和th 的display 切换为block，以让它们垂直堆叠。我将其用作一种技术，以允许宽表继续显示其所有内容，而不会溢出其容器之外。

它在所有现代 5 浏览器中都能完美运行，但在 IE9 中无法运行。有没有办法做到这一点？

这是一个 jfiddle：http://jsfiddle.net/cfCzD/4/

这里是截图

IE11（目标）：

IE9（坏结果）：

【问题讨论】：

你在 IE 中查看过你的小提琴吗（因为它有正确的 DOCTYPE）
我做到了。我正在“IETester”中尝试它，它给了我错误的结果。截图来自 jfiddle。

标签： html css responsive-design internet-explorer-9 internet-explorer-10

【解决方案1】：

http://jsfiddle.net/xnKTH/

td {
    width: 100%\9;
    float: left\9;
}

在 TD 上添加一个宽度并使其浮动。

【讨论】：

这真的很有帮助。我有同样的问题。谢谢。
完全相同的问题，完美的复制粘贴解决方案。谢谢！

【解决方案2】：

一些有用的链接（如果您还没有查看它们）：

【讨论】：

【解决方案3】：

也许你应该尝试对表格使用 div 标签

例如：

<div style="display:table">
  <div style="display: table-row">
    <div style="display: table-cell">
      content content
    </div>
    <div style="display: table-cell">
      content content content
    </div>
  </div>
</div>

这对于 ie8+ 非常有用

【讨论】：

管理起来会很头疼。必须用 !important 指令覆盖内联样式。不过感谢您的想法。
我只使用内联样式，最好为每个样式编写类
我明白了。尽管如此，避免使用适当的标签来支持旧版支持对我来说感觉非常“错误”。赞成的答案，但不接受。