我有下表:
<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上搜索了错误,但没有找到解决此问题的任何内容。
答案 0 :(得分:4)
制作小提琴后,我发现它确实可以自己动作。将vertical-align: baseline;
添加到重置CSS中的表元素会导致上述行为。我仍然想知道它是否是一个错误,因为它适用于所有其他浏览器,包括旧版本的Chrome。
简短回答:检查您的样式表是否已将vertical-align: baseline;
应用于表格元素。