使用Google Chrome/Webkit时,表格单元格的渲染效果不佳

当有特定高度的行时,除了中心的一些行,就会出现这种情况。如果有另一列具有更高的行跨度,则只有最后一列将被放大。 在水平方向上,这个问题不会出现。

您必须在第1列和第3列的单个单元格内使用另一个表

<table border="1">
<tr><td><table height=100%><tr><td height="100%">COL 1A</td></tr>
                <tr><td height="100%">COL 1B</td></tr>
        </table></td>
<td><td>COL 2</td>
<td>COL 3A</td>
<td>
  COL 4<br/>
  COL 4<br/>
  COL 4<br/>
...

此外,您必须使用css管理内部表的边框

对于一个 td ,the height 属性不是 严格 ,也许WebKit没有实现它。请尝试使用CSS。

编辑:CSS也没用。也许你必须每行使用一行,然后你可以使用正确的 rowspan 属性以生成高度为50%的单元格。