html - 表格单元格 (td) 中的 Colspan 移动单元格

Question

我正在使用 XSLT 更改表以托管来自设备的信息。除了我需要重新创建一个带有元素的屏幕之外，这不是什么大问题。例如：

-----------
|          |
|  X       |
|          |
|          |
|     XXX  |
|     XXX  |
|          |
------------

该屏幕具有例如 2 个元素。一个尺寸为 1x1（不是问题），但尺寸为 3x2。当我更改此单元格的行跨度或 colspan 时，单元格会移动并且不会消失在 colspan 中。

所以这就是真正发生的事情：

-----------
|          |
|  X       |
|          |
|          |
|     XXX    |
|     XXX    |
|          |
------   --|
      ---

代码中的示例如下：

<TABLE border="1">
    <TBODY>
        <TR style="height: 10px;">
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
            <TD COLSPAN="2" BGCOLOR="#9CC5C9">&nbsp;</TD>
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
        </TR>
        <TR style="height: 10px;">
            <TD BGCOLOR="#D5544F">&nbsp;</TD>
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
        </TR>
    </TBODY>
</TABLE>

http://jsfiddle.net/ju9dd/12/

有人知道如何解决这个问题吗？

Answer 1

Colspan 不会使相邻的单元格神奇地消失。你需要把它排除在外。

正确的代码：

<TABLE border="1">
    <TBODY>
        <TR style="height: 10px;">
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
            <TD COLSPAN="2" BGCOLOR="#9CC5C9">&nbsp;</TD>
        </TR>
        <TR style="height: 10px;">
            <TD BGCOLOR="#D5544F">&nbsp;</TD>
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
            <TD BGCOLOR="#CDB599">&nbsp;</TD>
        </TR>
    </TBODY>
</TABLE>