最近的Chrome更新打破了td rowspan?

时间:2013-04-08 18:45:15

标签: html google-chrome

我有下表:

<table>
    <tbody>
        <tr>
            <td rowspan="2">...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
        </tr>
    </tbody>
</table>

我期望呈现的内容如下:

+---------+--------+
|         |        |
|         |        |
|         +--------+
|         |        |
|         |        |
+---------+--------+

确实如此:在Chrome浏览器,IE10,Firefox以及我尝试过的所有其他浏览器/版本组合的以前的版本中。

Chrome的最新版本(26.0.1410.43米)呈现如下表:

+---------+--------+
|         |        |
|         |        |
|         |        |
|         |        |
|         |        |
+---------+--------+
          |        |
          |        |
          |        |
          +--------+

我的标记是否存在缺陷,只有新的Chrome会检测到这一点?或者这是Chrome或Webkit中的错误?我在Chromium bugtracker上搜索了错误,但没有找到解决此问题的任何内容。

1 个答案:

答案 0 :(得分:4)

制作小提琴后,我发现它确实可以自己动作。将vertical-align: baseline;添加到重置CSS中的表元素会导致上述行为。我仍然想知道它是否是一个错误,因为它适用于所有其他浏览器,包括旧版本的Chrome。

简短回答:检查您的样式表是否已将vertical-align: baseline;应用于表格元素。