html - 将 <td> 的背景颜色保持在定义的高度/宽度限制内

标签 html css html-table

我的任务是为我们的 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/

相关文章:

html - 在窗口宽度上拉伸(stretch)容器 DIV

php - 如何在单个 <td> 中显示所有值

html - Bootstrap 表 colspan rowspan 问题

css - 将 div 高度设置为自动时不显示背景颜色!为什么?

html - 元素宽度之和为 100% 但最后一个元素转到下一行

javascript - 让一个 div 在鼠标悬停在另一个 div 上时淡出

html - 为什么LI有这么多空间

css - 包装元素之间的 Flex Row 空间

css - 有没有办法在现代浏览器中获取 CSS XSS?

javascript - 如何使用动态数据制作滚动表格