iOS 中的 HTML 电子邮件答案

【问题标题】：HTML Email in iOSiOS 中的 HTML 电子邮件
【发布时间】：2013-03-04 20:42:56
【问题描述】：

我在 html 电子邮件中制作的表格中出现了一条线。它位于橙色区域。我不太确定是什么原因造成的。里面没有图片。这是该表的代码。

<table cellpadding="0" cellspacing="0" border="0" width="625" align="center" bgcolor="#FFFFFF">
    <tr>
      <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td>
    </tr>
    <tr>
    <td width="23" bgcolor="#f08122"></td>
      <td bgcolor="#f08122" valign="middle" style="font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;" align="center"><span style="font-size:30px; line-height:36px; font-weight:bold;"><strong>Improve outcomes and empower patients with health logs</strong></span><br /><br />
        <span style="font-size:27px;">Order now and get <strong>10% more FREE!*</strong></span></td>
        <td width="23" bgcolor="#f08122"></td>
    </tr>
    <tr>
      <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td height="5" colspan="3"></td>
    </tr>
  </table>

如果您想要活动视图，这里也是实际电子邮件的链接：https://tagwebstore.com/email/tag-email-logbooks.html

这是我 iPhone 上的 html 电子邮件的屏幕截图。

线条似乎在白色文本的上方和下方。有任何想法吗？提前致谢。

【问题讨论】：

标签： html ios mobile html-email

【解决方案1】：

将背景颜色或图像应用于单个表格单元格时会出现边框。

你可以试试：

从单个表格行中删除背景颜色或图像，并细胞，和/或；
将问题表嵌套在新表中，其背景颜色与内表的背景颜色相匹配。

source

【讨论】：

谢谢，我要试一试。在表格中而不是在单元格中设置背景颜色确实更有意义。
这两个建议都很有效。不敢相信事情就这么简单。必须注意 HTML 中的小细节。感谢您的帮助！

【解决方案2】：

另外，设置 style="display: block;"在 img 元素上始终可以帮助所有图像准确定位，与上述建议相结合。

【讨论】：