我的任务是为我们的 HTML 时事通讯创建一个干净的模板,并分发给大约 7 万订阅者。正如预期的那样,他们希望它在尽可能多的电子邮件客户端中保持一致,因此我遵循广泛建议的 HTML 电子邮件实践并使用嵌套表和内联样式。
我正在尝试设置 bgcolor
给每个<td>
显示图像 - 原因是,如果有人关闭了电子邮件客户端上的图像,他们仍然能够看到表格单元格的形状(并且他们的体验仍然有些视觉化),但我我很难将背景颜色保持在单元格内,它似乎渗入了单元格之间的空间。这是一个例子:
<tr>
<td width="200" height="200" bgcolor="#CCCCCC">
<img src="image.png" height="200" width="200" alt="Image!">
</td>
</tr>
从这段代码中,当图像可见时,背景不是在图像下不可见,因为它们都是 200x200,而是看到大约 10px 的灰色向下插入图像的底部和右侧,并侵入到图像的底部和右侧。细胞周围的空白区域。这是怎么回事?我该如何解决这个问题?
编辑:这是它正在执行的操作的图像:
最佳答案
表格的css样式是否设置为border-collapse?就像这样:
<table style="border-collapse: collapse;">
如果没有效果,并且图像上没有边距,您是否尝试过将 padding 设置为 0?
关于html - 将 <td> 的背景颜色保持在定义的高度/宽度限制内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12467046/