是否有使 rowspan 在 MS 浏览器中工作的变通方法？

Question

我在 http://bikepaths.com/Armstead/GBA1.html 有一个网页，我设置了一个 HTML table 来使用 rowspan 排列文本和图片，使得第一列有少量文本在一张高大的图片上方，而第二列在少量文字上方有一张高大的图片。

<table>
    <tr>
        <td>George's first memory of note was ... </td>
        <td rowspan="2"><img src="image/IM-GBA1885.jpg" height="440" width="280"></td>
    </tr>
    <tr>
        <td rowspan="2"><img src="image/IM-JBA4-GBA.jpg" height="400" width="280"> </td>
    </tr>
    <tr>
        <td>Also he recalled watching his half brother, James Benson Armstead IV <i>[on left]</i>, go through .... </td>
    </tr>
</table><br>

所以 3 行，每个图片单元格的 rowspan=2。这在 Firefox 和 Chrome 中均按需要显示，但我尝试过的 MS 浏览器（IE11 和 Edge）都将其显示为简单的 2 行 table，留下大量 space每个文本单元格的上方和下方。

我知道应该禁止 MS 创建浏览器，直到他们了解 'following standards' 的含义，但在此之前，是否有解决方法可以在 IE 和 Edge 中正确显示此内容？

Answer 1

<table style="table-layout:fixed">
<tr><td></td><td></td><td></td></tr>
<tr><td colspan="3">three colunms width</td></tr>
<tr><td colspan="2">two columns width</td><td>one column</td></tr>
<tr><td colspan="1">one column</td><td colspan="1">one column</td><td colspan="1">one column</td></tr>
</table>

请注意，colspan 属性值的总和或每行中 td 元素数的总和等于第一行（隐藏，因为 td 单元格为空）建立的 td 元素数。

转到 validator.w3.org/nu 并将您的标记复制并粘贴到直接输入表单中，然后按验证按钮....w3 验证器可以检测 td 元素的数量和colspan 属性的总和不匹配。

是否有使 rowspan 在 MS 浏览器中工作的变通方法？

is there a work-around to make rowspan work in MS browsers?

html

internet-explorer

html-table

microsoft-edge