Question

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

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

此屏幕有2个元素。一个大小为1x1（不是问题），但大小为3x2时。当我改变这个细胞的行数或细胞时，细胞会移动而不会消失在细胞中。

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

-----------
|          |
|  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>

表格细胞中的Colspan（td）使细胞移位

1 个答案: