我这里有一个电子邮件模板,问题是我的分隔图像在顶部和底部有空格。
我正在尝试弄清楚如何删除分隔图像顶部和底部的空格。我还想知道如何在每个元素上放置边框。
<tr><td width="100%"><img src="img/divider.png" class="deviceWidth"/> </td> </tr>
您可以在此处查看我的 JS FIDDLE 演示:http://jsfiddle.net/YTvqb/
注意:分隔线是上面有不同颜色的线。
最佳答案
将 display: block
添加到 img 将摆脱多余的空间。默认情况下,图像是内联的,这会导致它们为字母下行部分留出空间。将它们设为 block 会移除下部的空间。
关于html - CSS 表格图片有空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20135510/