仅在电子邮件友好的 HTML 中水平间隔单元格答案

【问题标题】：Only horizontally spacing cells in email friendly HTML仅在电子邮件友好的 HTML 中水平间隔单元格
【发布时间】：2013-12-05 04:46:10
【问题描述】：

我在 HTML 模板中有一个 <table>，我想在其中仅水平分隔单元格。我尝试过使用<div>s 不是一个选项，因为电子邮件客户端对样式很苛刻。使用cellspacing 会在垂直方向等分单元格，这是不需要的。我愿意删除表格并使用 div 或任何其他标签，但我找不到任何标签。我在表格中基本上只有两个单元格（并且只有一行），并且想将它们隔开。

有什么办法吗？

【问题讨论】：

+1 @Joy_S。另外，您想要两列等宽还是中间有空格？
现在找到解决方案后，我觉得这个问题不太好:P，如果你认为没有人会觉得这对你有帮助，你（所有正在阅读这篇文章的人）可以投票关闭它:)。

标签： html css email html-email

【解决方案2】：

css可以实现：

<style>
    td
    {
        padding-left:70px;
        padding-right:70px;
    }
</style>

或者如果style标签在这里不起作用，那么内联CSS也可以这样做-

<td style="padding-left:70px; padding-right:70px;">

Demo

【讨论】：

填充属性在gmail 中不起作用。它被完全忽略。大多数其他电子邮件客户端的行为类似。
事实上，如果你使用一个样式标签，它的全部内容都会被忽略。您必须使用内联样式。请阅读这个问题，这不是关于任何 html，而是专门关于电子邮件。
抱歉，这是一个与上下文相关的问题。它真的值得一票否决吗？在独立网页中工作正常有一个演示，请在那里检查。对不起，如果它没有解决你的问题，但试图给你一个方向。
@0xc0de 填充在 Gmail 中确实有效，但仅限于内联，就像所有 CSS 都需要的那样。问题是样式标签不渲染。
为了进一步@John 的回复，这里有一个关于电子邮件功能的方便图表：campaignmonitor.com/css