CSS表格图像有空格

Question

我这里有一个电子邮件模板，问题是我的分隔符图像顶部和底部都有空格。

我想弄清楚如何去除分隔图像顶部和底部的空格。另外我想知道如何在每个元素上加上边框。

    <tr><td width="100%"><img src="img/divider.png" class="deviceWidth"/> </td> </tr>

你可以在这里查看我的JS FIDDLE DEMO：http://jsfiddle.net/YTvqb/

注意：分隔线是其上有不同颜色的线条。

Answer 1

将display: block添加到img将消除额外的空间。默认情况下，图像是内联的，这会导致它们留下字母下降空间。使它们阻挡会移除下降器的空间。

http://jsfiddle.net/YTvqb/1/

Answer 2

<img src="#" style="display:block;" />