MS Outlook table 填充太大
MS Outlook table padding too big
这是它在 outlook 中的样子:
但它应该是这样的:
代码如下:
<table style="border-bottom: solid 1px #e5e0d8; background-color: #0f0;" class="content_module" width="600" border="0" cellpadding="15" cellspacing="0">
<tr>
<td>
<table style="background-color: #f0f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="left">
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #f00;">
<!-- img -->
</td>
</tr>
</table>
<table style="background-color: #00f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="right">
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #00f;">
<!-- text -->
</td>
</tr>
</table>
</td>
</tr>
</table>
看起来 outlook 左右添加了 3px padding ...看到任何错误吗?如果问题是空格,我已经尝试过了,但事实并非如此。
你必须像这样制作一个table;
<table width="480" align="left" cellspacing="0" cellpadding="0">
<tr>
<td width="30" style="border:2px solid black;">
Some Text
</td>
<td width="110" style="border:2px solid black;">
Some Text
</td>
</tr>
</table>
问题是 mso-table-space ...
我完全删除了 cellpadding,并将 style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
添加到整个邮件中的所有 table。
这是它在 outlook 中的样子:
但它应该是这样的:
代码如下:
<table style="border-bottom: solid 1px #e5e0d8; background-color: #0f0;" class="content_module" width="600" border="0" cellpadding="15" cellspacing="0">
<tr>
<td>
<table style="background-color: #f0f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="left">
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #f00;">
<!-- img -->
</td>
</tr>
</table>
<table style="background-color: #00f;" class="content_col" width="285" border="0" cellspacing="0" cellpadding="15" align="right">
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #00f;">
<!-- text -->
</td>
</tr>
</table>
</td>
</tr>
</table>
看起来 outlook 左右添加了 3px padding ...看到任何错误吗?如果问题是空格,我已经尝试过了,但事实并非如此。
你必须像这样制作一个table;
<table width="480" align="left" cellspacing="0" cellpadding="0">
<tr>
<td width="30" style="border:2px solid black;">
Some Text
</td>
<td width="110" style="border:2px solid black;">
Some Text
</td>
</tr>
</table>
问题是 mso-table-space ...
我完全删除了 cellpadding,并将 style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"
添加到整个邮件中的所有 table。