css - IE7 中的 float 表格单元格

Question

我目前正在重新设计网站的样式，但不幸的是我无法编辑任何标记，这导致我遇到以下问题...

我有一张 table ，类似这样:

<table>
  <tr>
    <td>Some content</td>
    <td>Some content</td>
  </tr>
  <tr>
    <td>Some content</td>
    <td>Some content</td>
  </tr>
  <tr>
    <td>Some content</td>
    <td>Some content</td>
  </tr>
</table>

我想在一行中显示所有表格单元格。在好的浏览器中，我使用:

table tr {
    display: inline;
    float: left;
}

为了达到这个目的。但是，这在 IE7 中不起作用。我可以使用任何其他 CSS 来实现相同的效果吗？我必须强调，我无法访问任何标记，而且表格行或单元格都无法直接访问它们，因此我无法绝对定位。

Answer 1

我相信你不能那样做。

tr 是一个表行，我希望在尝试 float 时出现意外情况。

此外，任何 float 的元素立即都是 block 级元素，因此 display: inline 是多余的。

(唯一的异常(exception)是使用它来防止 IE6 中的双边距错误 - 但前提是您设置了边距)。

您可以使用 JavaScript 重构 HTML，但我不建议您这样做:)