交错合并表格单元格的问题

Question

我想创建一个这样的表布局:

A  B
C  B
C  D

在伪代码:

<tr><td id='A'/><td id='B' rowspan=2/></tr>
<tr><td id='C' rowspan=2/><td id='D'/></tr>

然而，这段代码显示单元格'D'为幽灵单元格，如下所示:

A  B
C  B D
C  

如果我尝试:

<tr><td id='A'/><td id='B' rowspan=2/></tr>
<tr><td id='C' rowspan=2/></tr>
<tr><td id='D'/></tr>

我得到这个:

A  B
A  B
C  D
C  D

如果有人能给我解释一下，我将非常感激。

Answer 1

我在jsfiddle中做了这个，没有任何问题:

<table>
   <tr><td id='A'>A</td><td id='B' rowspan='2'>B</td></tr>
   <tr><td id='C' rowspan='2'></td></tr>
   <tr><td id='D'>D</td></tr>
</table>

我添加了两个div和显示表规则，所以你可以看到它的工作