css - 如何在单行(Internet Explorer 6,7)上显示表格的行()？

Question

我想在一行中显示表格的行。这是 Internet Explorer 6 和 7 中的一个问题，因为将 float 属性设置为 left 并将显示设置为 block 将不起作用。并改变<tr> s 至 <td> s 不会执行任何操作，因为这些 html 元素是由不允许我更改的框架代码生成的。

编辑:你们中的一些人想要代码，我不知道为什么它会有所帮助，但就在这里(特定的图像和类已被编辑掉，代码在网上不可用，一些-class 可能不是同一个类)

    <table class="some-class" width="100%" border="0"
cellspacing="0" cellpadding="0">
  <tr class="some-class">
    <td class="some-class">
      <a href="#"><img src=pic.jpg"/></a>
      <div class="some-class">
        <div class="some-class">
          <a href="#"><img src=pic.jpg"/></a>
          <p></p>
          <p></p>
        </div> <a href="#"><img src=pic.jpg"/></a>
      </div>
    </td>
  </tr>
   <tr class="some-class">
    <td class="some-class">
      <a href="#"><img src=pic.jpg"/></a>
      <div class="some-class">
        <div class="some-class">
          <a href="#"><img src=pic.jpg"/></a>
          <p></p>
          <p></p>
        </div> <a href="#"><img src=pic.jpg"/></a>
      </div>
    </td>
  </tr>
   <tr class="some-class">
    <td class="some-class">
      <a href="#"><img src=pic.jpg"/></a>
      <div class="some-class">
        <div class="some-class">
          <a href="#"><img src=pic.jpg"/></a>
          <p></p>
          <p></p>
        </div> <a href="#"><img src=pic.jpg"/></a>
      </div>
    </td>
  </tr>
</table>

Answer 1

恐怕我认为这不能以理智和有效的方式完成。 float: left 在表格中绝对是禁忌。 编辑: 这似乎是有效的(!)并且可能通过移除每个元素的 table- * 显示属性，但 IE 不支持。

我能想到的唯一可行的解​​决方案是使用 JavaScript/jQuery 操作表格元素，并进行所需的转换(trs 到 tds...) .

它的明显缺点是它无法在关闭 JavaScript 的情况下工作。