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

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>

然而，此代码将Cell'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并显示表规则，以便您可以看到它有效