如何避免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;
}