Gmail中的Html电子邮件失败

Question

我的html电子邮件无法在Gmail中运行。这些表都塞满了！

http://jsfiddle.net/8s6qA/

 <td><table cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td class="w100" width="100" bgcolor="#000001" border="0"></td>
            <td class="w400 article-content" width="400" bgcolor="#000001" border="0" style="color:#FFFFFF !important"><span style="text-align:center;">
              <p>&nbsp;</p>
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu tempus nulla. Duis eu tellus tristique, mollis felis at, pharetra libero. Suspendisse pretium justo quis diam ullamcorper venenatis. Duis ac est est. Donec justo magna, varius eu lorem nec, varius lobortis dolor. Mauris et est mauris. Nulla facilisi. </p>
              </span></td>
            <td class="w100" width="100" bgcolor="#000001" border="0"></td>
          <tr>
            <td class="w100" width="100" bgcolor="#000001" border="0"></td>
            <td class="w400 article-content" width="400" bgcolor="#000001" border="0" style="color:#FFFFFF !important"><span style="text-align:center;">
              <p>When: <span style="color:#ef4541; text-align:center;">xxxxxx</span></p>
              <p>Time: <span style="color:#ef4541; text-align:center;">xxxxxx</span></p>
              <p>Where: <span style="color:#ef4541; text-align:center;">xxxxx.</span><br />
                <span style="color:#FFFFFF; text-align:center; font-size:12px">(xxxxx).</p>
              <p>RSVP: <span style="color:#ef4541; text-align:center;">xxxxx</span></p>
              <p>Dress code: <span style="color:#ef4541; text-align:center;">xxxxx</span></p>
              <p>&nbsp;</p>
              </span></td>
            <td class="w100" width="100" bgcolor="#000001" border="0"></td>
          </tr>
            </tr>

        </table></td>
      <table cellpaddi

我不知道如何修复它。我是HTML电子邮件的新手。

Answer 1

根据我的经验，我在使用HTML电子邮件的样式标签中使用CSS几乎没有成功。事实上，像Gmail一样的客户完全剥离了样式（看看这里围绕它进行讨论article）。

我的建议是将你们所有的风格转移到内联。它非常丑陋，感觉超级hacky，但你会得到更好的结果。

Campaign监视器为构建跨客户端电子邮件提供了很好的概述。看看here。

Answer 2

在桌面上使用表格宽度属性（宽度=＆＃34; 200＆＃34;）或表格内联样式中的最小宽度设置宽度。如果您也建立了高度，则可以确保更准确地显示高度。

https://github.com/Ankiewicz/HTML-Email-Library-Template