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

时间：2018-03-09 20:58:08

标签： css html-table html-email

无法在Outlook和Windows邮件中获得正确的单元格间距：

enter image description here

这应该是：

enter image description here

这是我使用的代码：

＆＃13;
＆＃13; 
    <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>
＆＃13;
＆＃13;
＆＃13;

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

这个设置在gmail中运行良好

1 个答案:

答案 0 :(得分：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>
相关问题
最新问题