<TD> 元素发明了额外的 space 只是为了弄乱我的布局
<TD> element invents extra space just to mess up my layout
看看我的 html 代码，在 apache 和 internet explorer 已经解决了它之后。
观察我的 TD-element（突出显示）的尺寸：1056 x 196.14。另请注意，代码中多次明确表示尺寸应为 1056 x 192。
突出显示父项 TR-element 将显示自动 x 192，突出显示子项 IMG-element 将再次显示 1056 x 192。
所以我的TD-element的身高到底是196.14？它在渲染时确实在 table 行之间显示 4.14 像素的空白。如果我删除 IMG-element 它似乎确实有效，并且 TD-element 变成了它应该的 192 像素。
Chrome 显示略有不同的结果：
在 Chrome 中，父级 TR-element 确实说它是 196 像素高，但 IMG-element 仍然是 192 像素。删除 HTML 文件中围绕 TD-element 的空格没有任何效果。
真气！这些额外的像素来自哪里？有任何想法吗？ :)
将您的图像转换为块元素以避免间隙：
img { display: block; }
看看我的 html 代码，在 apache 和 internet explorer 已经解决了它之后。
观察我的 TD-element（突出显示）的尺寸：1056 x 196.14。另请注意，代码中多次明确表示尺寸应为 1056 x 192。
突出显示父项 TR-element 将显示自动 x 192，突出显示子项 IMG-element 将再次显示 1056 x 192。
所以我的TD-element的身高到底是196.14？它在渲染时确实在 table 行之间显示 4.14 像素的空白。如果我删除 IMG-element 它似乎确实有效，并且 TD-element 变成了它应该的 192 像素。
Chrome 显示略有不同的结果：
在 Chrome 中，父级 TR-element 确实说它是 196 像素高，但 IMG-element 仍然是 192 像素。删除 HTML 文件中围绕 TD-element 的空格没有任何效果。
真气！这些额外的像素来自哪里？有任何想法吗？ :)
将您的图像转换为块元素以避免间隙：
img { display: block; }