HTML Email 1px Border Gap Margin

时间:2015-07-15 12:55:25

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

我似乎在outlook 2007,10和13中的桌子周围得到了一个1px的白盒子。我已经完成了边界崩溃并且没有修复这个问题?想要三个水平对齐的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>

1 个答案:

答案 0 :(得分:0)

Outlook无论如何都会在桌子周围增加大约20px。不确定在1px边框上,但尝试这个黑客来欺骗所有Outlook版本认为你的表是表格单元格:http://labs.actionrocket.co/make_mobile_email_work_in_outlook