上下 <td> 在 Html 模板中展开答案

【问题标题】：Upper and bottom <td> expanding in Html template上下 <td> 在 Html 模板中展开
【发布时间】：2013-09-06 13:19:57
【问题描述】：

我正在编写 html 电子邮件，问题是我的桌子周围有黑色边框，当我 slcide psd 使其没有图像并像这样设置背景颜色时

<td width="640" height="2" colspan="16" style="background-color:#666666;">

左右<td>在html和邮件客户端中看起来不错，但是上下一个有点扩大，这个见附图

这是在我的笔记本电脑上<td>

这就是它在电子邮件中的样子

代码很简单

<td width="640" height="2" colspan="16" style="background-color:#666666;">
  </td>

它有什么问题？请帮忙..！

【问题讨论】：

标签： html css html-table html-email newsletter

【解决方案1】：

我想你可能需要添加一些位置属性

试试position: absolute

【讨论】：

【解决方案2】：

您的 TD 中有间隔 gif 吗？

如果是，诀窍很简单：

<img src="SPACER" border="0" style="display:block;" height="x" width="y" alt="" />

这将折叠图像周围的空白区域。确保为 td 和 img 设置相同的高度。

【讨论】：

【解决方案3】：

按照标准，您的表格有边框。这是我所有表结构的 sn-p-

<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
    <tr valign="top">
        <td align="left">

        </td>
    </tr>
</table>

【讨论】：

【解决方案4】：

Outlook 将所有表格单元格扩展至至少 19 像素高。这是您在 html 电子邮件设计中需要解决的问题。一种方法是创建一个 20 像素高的图像，底部有 2 像素的边框。

【讨论】：

这个问题与 chrome /Firefox 等浏览器有关
您是否在包含表上使用 valign？可能一切都是垂直居中的。没有更多的代码很难说...

【解决方案5】：

尝试添加

style="border-collapse:collapse;"

给你的

<table>

喜欢这个

<table style="border-collapse:collapse;">

【讨论】：

我正在使用不是边框的

【解决方案6】：

将此添加到您的 CSS 中，看看它是如何工作的：

body
{
    margin: 0;
    padding: 0;
}

【讨论】：

在电子邮件模板中是否允许？
您可以使用它，但您需要注意，gmail 和其他一些客户端会去除任何非内联样式，并完全删除 html 的头部部分。 Outlook 和其他一些人在渲染它时没有问题。