html - 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：感谢您的解决方案，请随时将评论重新发布为答案，我会接受。