HTML5 vs Transitional 1.0不同高度的单元格？

Question

我的代码如下所示：

<table>
<tr>
<td><img with height 27px></td>
<td><img with height 27px></td>
<td><img with height 27px></td>
</tr>
</table>

现在使用firebug我可以看到，如果我将页面声明为Transitional XHTML 1.0，则所有三个td元素的高度为27px。但如果我将页面切换到HTML5，我得到高度29px。

有人可以告诉我这种感冒发生的原因吗？即使是进一步调查的建议也可能。

我正在使用FF v17和MSVS2k8 WebDev服务器（用于ASP.NET）。

感谢。

Answer 1

可以在这里找到解释（忽略混乱的图像）： https://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps

快速解决方案可以在这里找到（我曾经显示：阻止;对于单元格中的图像）： http://www.visibilityinherit.com/code/gap-under-image-example.php

归功于Alohci，他回答了对我的问题的评论。

@Alohci：感谢您的解决方案，请随时将评论重新发布为答案，我会接受。