Css 你能把IE9（或更早版本）的表格元素布置成常规的显示：块元素吗？

在WebKit、Firefox和Opera中，您可以将各种表格元素设置为

display:block

，以停止它们像表格一样显示：

这在较小的屏幕（如iPhone）上很有用，因为这些屏幕没有空间显示传统布局的桌子

然而，IE 9仍然水平地将表格单元格彼此相邻地布置—它似乎不尊重表格元素上的

display:block

是否有任何其他代码可以阻止IE 9（或更早版本）将表格作为表格进行布局？

如何：

table,
thead,
tfoot,
tbody,
tr,
th,
td {
    float:left;
    clear: left;
}

如果使用

浮动

---

工作示例：

添加

浮点：左；清除：左

将使IE9表现得更好，但每个元素的宽度将不正确。如果将宽度：100%添加到组合中，它的行为似乎与Chrome和Firefox中的行为相同

table,
thead,
tfoot,
tbody,
tr,
th,
td {
    display:block;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    clear:left;
}

---

Edit:这一问题之前已经提出过，其中部分内容正确地提到，任何填充都会导致

宽度：100%

创建一个水平滚动条。但是，这可以通过

框大小：边框框，或者使用适当较低的宽度或包含固定宽度的元素。
+1-我没有想到宽度。不过，您不需要显示：block

。

float

会帮你解决这个问题！另外，您的个人资料图片来自哪里？我从我小时候经常玩的游戏中认出了它，但我记不起它的名字了。我确信这是某种东西的攻击…@myheadshorth啊，但若使用填充，宽度会导致滚动条问题。另外，个人资料图片来自：-）哦，容纳Internet Explorer的乐趣！啊-是的，就是这样。谢谢：）现在我在回忆像《猴岛》和《逃离机器人怪兽星球》这样的游戏。我认为，任何一天富有成效的机会都已经消失了！不过，这应该可以解决任何填充问题。很久以前的一个类似问题：。如果您希望能够支持它，那么它在IE7中就不起作用了<代码>框大小：边框框将有助于您处理

填充

@thirtydot-heh，是的，我刚刚发现。我确实先看了一下，但用的是IE9，而不仅仅是IE。你对老问题的答案只得到了+1:-）@andyb：有趣的是，你找到的我以前的相关答案比我多：）