html - 最近的 Chrome 更新打破了 td 行跨度？

Question

我有下表：

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

我希望呈现如下：

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

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

最新版本的 Chrome (26.0.1410.43 m) 将表格呈现如下：

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

我的标记是否有缺陷，只有新的 Chrome 才能检测到这一点？或者这是 Chrome 或 Webkit 中的错误？我在Chromium bugtracker上搜索了错误，但没有找到任何解决此问题的方法。

Answer 1

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

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