css - Mailchimp 和 Gmail : cant'd see padding

Question

我正在使用 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;">

我该如何解决？

Answer 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>

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