Question

我正在尝试使用固定大小和列跨越来制作html表格。

以下是我正在使用的代码：

<table style="width:602px;" border="1" cellspacing="0">
  <tr>
    <td style="height:148px; width:298px;" colspan="2"></td>
    <td style="height:148px; width:298px;" colspan="2"></td>
  </tr>
  <tr>
    <td style="height:148px; width:148px;"></td>
    <td style="height:148px; width:298px;" colspan="2">content</td>
    <td style="height:148px; width:148px;"></td>
  </tr>
  <tr>
    <td style="height:148px; width:148px;"></td>
    <td style="height:148px; width:298px;" colspan="2"></td>
    <td style="height:148px; width:148px;"></td>
  </tr>
  <tr>
    <td style="height:148px; width:148px;"></td>
    <td style="height:148px; width:298px;" colspan="2"></td>
    <td style="height:148px; width:148px;"></td>
  </tr>
</table>

这就像我期望的那样工作（在第一行中创建2个双倍长度单元格，然后在三行单双长度单元格中创建）。但是，在IE8中，底部3个单元格中的中间单元的大小适合“内容”，而不是我定义的大小。

我做错了什么，我应该如何更改它以使其按我的意愿工作？有没有更好的方法来做我想做的事情？

Answer 1

删除表格宽度，您将看到表格的行为......

是的，您的所有列都试图为298px宽。这是因为一个表尝试使其第一行符合其列宽...删除无用的声明并尝试：

<table border="1" cellspacing="0">
  <tr>
    <td  style="height:148px;"  colspan="2">1fdasfsdafsdfas</td>
    <td  colspan="2">1</td>
  </tr>
  <tr>
    <td style="height:148px; width:148px;">1</td>
    <td style="width:298px;" colspan="2">1</td>
    <td style="width:148px;">1</td>
  </tr>
  <tr>
    <td style="height:148px;">1</td>
    <td colspan="2">1</td>
    <td>1</td>
  </tr>
  <tr>
    <td style="height:148px;">1</td>
    <td colspan="2">1</td>
    <td>1</td>
  </tr>
</table>

固定大小的表，其中列在IE8上

1 个答案: