元素发明了额外的空间只是为了弄乱我的布局

Question

看看apache和Internet Explorer之后我的html代码已经用它了。

观察我的TD元素（突出显示）的尺寸：1056 x 196.14。还要注意，在代码中的几个场合，清楚地表明维度应该是1056 x 192.

突出显示父TR元素将显示自动x 192，并突出显示子IMG元素将再次显示1056 x 192。

那么为什么我的TD元素高度为196.14？它在渲染时显示表行之间的空白空间4.14像素。如果我删除IMG元素它似乎工作，TD元素变为192像素应该是。

Chrome显示的结果略有不同：

在Chrome中，父TR元素确实说它高196像素，但IMG元素仍然是192像素。删除围绕perpetrating TD元素的HTML文件中的空格无效。

真气！这些额外像素来自哪里？有任何想法吗？ ：）

Answer 1

将图像转换为块元素以避免间隙：

img { display: block; }