Mailchimp 和 Gmail：看不到填充答案

【问题标题】：Mailchimp and Gmail: cant'd see paddingMailchimp 和 Gmail：看不到填充
【发布时间】：2015-12-12 19:30:53
【问题描述】：

我正在使用 Mailchimp 编写时事通讯。我在使用 Gmail 时遇到了很多问题。具体来说：我知道Gmail 不支持CSS，所以我将style 写入HTML。一切都还好，但按钮和文本的填充不是：它没有显示在 Gmail 上。

<table align="left" border="0" cellpadding="0" cellspacing="0" width="50%" class="columnsContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;max-width: 298px; align:left; text-align: left;">

我该如何解决？

【问题讨论】：

如果您使用的是表格，则为其设置高度和宽度。例如; <td><div style="width:[n]px;margin:auto;height:[n]px">Button</div></td>
@CodeRomeos 嗨，是的，我正在使用 table 标签。我刚刚编辑了第一篇文章。现在你可以看到...

标签： css gmail padding mailchimp newsletter

【解决方案1】：

你可以这样做。

<table width="50%">
<tr>
    <td style="border:1px solid red"><div style="width:180px;text-align:center;margin:20px auto;border:1px solid red;height:30px;line-height:30px;">Button</div>fake padding</td>    
</tr>
<tr>
  <td style="border:1px solid red"><div style="width:80%;text-align:justify;margin:20px auto;border:1px solid red;">content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</div>fake padding</td>
</tr>
</table>

如果有任何问题，请告诉我们！

【讨论】：