IE表格行高度w / rowspan

时间:2017-04-20 21:25:49

标签: html css html-table

这是jsfiddle,它显示了我想要解决的问题。它在Firefox和Chrome中按照我的意愿呈现,但IE采用了不同的方法。基本上我希望具有内容345的单元格填充剩余高度,而其上方的行是固定高度。我注意到在IE浏览器中,如果我为大于的单元格提供高度,而不是默认值,那么它将占用该高度。它不会采用比默认值小的任何东西。 代码:

<table>
  <tr>
    <td style="height: 12px; max-height: 12px">1</td>
    <td>12</td>
    <td>123</td>
    <td rowspan="3" style="min-height: 200px; min-width: 200px; height: 200px;">1234</td>
  </tr>
  <tr>
    <td style="height: 12px; max-height: 12px">2</td>
    <td>23</td>
    <td>234</td>
  </tr>
  <tr>
    <td colspan="3">345</td>
  </tr>
</table>

编辑:删除了导致FF / Chrome和更新的JSFiddle链接出现问题的样式标记。

0 个答案:

没有答案