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

Question

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

<td><img /></td>

http://jsfiddle.net/227JH/

但仍然显示出一条空白。如何删除空行？

Answer 1

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

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

jsFiddle example

td img {
    vertical-align:top;
}

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

jsFiddle example

td img {
    display:block;
}