html - 如何避免 img 和 td 底部之间的白线？

Question

我在td 元素中制作了横幅img。我已经包含了一个重置​​脚本来删除所有的边距、填充和空格。

<td><img /></td>

http://jsfiddle.net/227JH/

但是仍然显示一个空行。如何删除空行？

Answer 1

img 元素的默认 vertical-align 属性是 baseline。

将其更改为 top、middle 或 bottom 可解决此问题。

jsFiddle example

td img {
    vertical-align:top;
}

或者，您也可以将 display:block 添加到 img 元素。

jsFiddle example

td img {
    display:block;
}