我这里有一个电子邮件模板,问题是我的分隔符图像顶部和底部都有空格。
我想弄清楚如何去除分隔图像顶部和底部的空格。另外我想知道如何在每个元素上加上边框。
<tr><td width="100%"><img src="img/divider.png" class="deviceWidth"/> </td> </tr>
你可以在这里查看我的JS FIDDLE DEMO:http://jsfiddle.net/YTvqb/
注意:分隔线是其上有不同颜色的线条。
答案 0 :(得分:0)
将display: block
添加到img将消除额外的空间。默认情况下,图像是内联的,这会导致它们留下字母下降空间。使它们阻挡会移除下降器的空间。
答案 1 :(得分:0)
<img src="#" style="display:block;" />