无法在 outlook 中设置单元格间距 - html 封电子邮件

Question

无法在 Outlook 和 windows 邮件中获得适当的单元格间距：

应该是这样的：

这是我使用的代码：

    <center>
    <table cellspacing="10" cellpadding="0" width="90%" style="border-spacing: 10px;border-collapse: separate; width:90%">
     <tbody>
      <tr>
       <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
        <table >
         <tr>
          <td >
           <a class="mcnButton " title="Leaderhip & Charisma" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-e-carisma?ed=112122" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leadership e Carisma</a>
          
          </td>
         </tr>
        </table>
       </td>
       <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
       <table >
         <tr>
          <td >
           <a class="mcnButton " title="Energia Focus e Resilienza" href="http://www.cfmt.it/formazione/corso/yoga-coaching-energia-focus-e-resilienza" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Energia Focus e Resilienza</a>
          
          </td>
         </tr>
        </table>
       </td>
      
      </tr>
      <tr>
       <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px" >
        <table >
         <tr>
          <td >
           <a class="mcnButton " title="Leadership e Conflittualità" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-e-conflittualita" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leadership e Conflittualità</a>
          
          </td>
         </tr>
        </table>
       </td>
       <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
        <table >
         <tr>
          <td >
           <a class="mcnButton " title="Leaderhip femminile" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-femminile" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leaderhip Femminile</a>
          
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </tbody>
    </table>
    </center>

我在 mailchimp 编辑器中，我该如何解决这个问题？我试过 mso-cellspacing 但什么也没有，我还读到 outlook 不支持保证金，

此设置在 gmail 中运行良好

Answer 1

您当前的设置是 cellspacing="0" 尝试将其提高到 cellspacing="10"

通过这样做，它在 Outlook 2016、2013、2010 中工作正常。

我测试过的示例代码如下。

祝你好运。

<center>
<table cellspacing="10" cellpadding="0" width="90%" style="border-spacing: 10px;border-collapse: separate; width:90%">
    <tbody>
        <tr>
            <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
                <table >
                    <tr>
                        <td >
                            <a class="mcnButton " title="Leaderhip & Charisma" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-e-carisma?ed=112122" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leadership e Carisma</a>

                        </td>
                    </tr>
                </table>
            </td>
            <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
            <table >
                    <tr>
                        <td >
                            <a class="mcnButton " title="Energia Focus e Resilienza" href="http://www.cfmt.it/formazione/corso/yoga-coaching-energia-focus-e-resilienza" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Energia Focus e Resilienza</a>

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

        </tr>
        <tr>
            <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px" >
                <table >
                    <tr>
                        <td >
                            <a class="mcnButton " title="Leadership e Conflittualità" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-e-conflittualita" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leadership e Conflittualità</a>

                        </td>
                    </tr>
                </table>
            </td>
            <td align="center" valign="middle" class="mcnButtonContent" style="background:#D03C48;font-size:12px;padding:10px;border-radius:3px">
                <table >
                    <tr>
                        <td >
                            <a class="mcnButton " title="Leaderhip femminile" href="http://www.cfmt.it/formazione/corso/yoga-coaching-leadership-femminile" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-decoration: none;color:#fff;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;display: block;">Leaderhip Femminile</a>

                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>
</center>

无法在 outlook 中设置单元格间距 - html 封电子邮件

cannot set cell spacing between cell in outlook - html emails

css

html-table

html-email