如何避免img和td底部之间的白线？ [英] How to avoid White line between img and td bottom?

问题描述

我在 td 元素中制作了横幅 img 。我已经添加了一个重置​​脚本，以删除所有位置的所有边距，paddings和空格。

I have made a banner img in a td element. I have included a reset script to remove all margins, paddings and spaces everywhere.

<td><img /></td>

http://jsfiddle.net/227JH/

但仍有一个空白行。如何删除空行？

But there still is being showed a blank line. How can I remove the blank line?

推荐答案

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

将其更改为顶部，中或底部 。

jsFiddle示例

td img {
    vertical-align:top;
}

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

Alternatively, you can also add display:block to the img element.

jsFiddle示例

td img {
    display:block;
}

这篇关于如何避免img和td底部之间的白线？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！