【问题标题】:HTML Email 1px Border Gap Margin showingHTML 电子邮件 1px Border Gap 边距显示
【发布时间】:2015-10-04 12:44:26
【问题描述】:

在 Outlook 2007、10 和 13 中,我的表格周围似乎出现了一个 1 像素的白框。我已经完成了边框折叠但还没有解决问题?想要三个水平对齐的 200px 表格,但由于应用了 1px 边框,它认为它们超过 200px,因此破坏了对齐方式。尝试了一切,因此任何建议表示赞赏。

<table style="border-collapse: collapse;border:none;padding:0px;margin:0px;" width="600" bgcolor="#B6B6B6" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>


<table style="border-collapse: collapse;border:none;padding:0px;margin:0px;"  align="left" bgcolor="#EE070B" width="200" cellpadding="0" cellspacing="0" border="0">
<tr><td>1</td></tr>
</table>

<table style="border-collapse: collapse;border:none;padding:0px;margin:0px;"  align="left" bgcolor="#1527EA" width="200" cellpadding="0" cellspacing="0" border="0">
<tr><td>2</td></tr>
</table>

<table  style="border-collapse: collapse;border:none;padding:0px;margin:0px;" align="left" bgcolor="#ED7407" width="200" cellpadding="0" cellspacing="0" border="0">
<tr><td>3</td></tr>
</table>

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

【问题讨论】:

  • 在样式中添加border-size:0px
  • 有时电子邮件客户端有一个奇怪的行为,如果你不能删除边框改变颜色。使用背景颜色作为边框。不是解决方案,但有时需要一种解决方法。
  • @ShubhamNigam 不幸没有工作。
  • 感谢@GermanoPlebani 会尝试的

标签: html css html-table html-email margin


【解决方案1】:

无论如何,Outlook 在表格周围增加了大约 20 像素。不确定 1px 边框,但试试这个技巧来欺骗所有 Outlook 版本,让他们认为你的表格是表格单元格:http://labs.actionrocket.co/make_mobile_email_work_in_outlook

【讨论】:

    猜你喜欢
    • 2014-01-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-14
    • 1970-01-01
    • 1970-01-01
    • 2013-05-19
    • 1970-01-01
    相关资源
    最近更新 更多