Outlook Mac/iOS 在带边框的表格中的图像底部添加空间

问题描述 投票:0回答:0

非常感谢你在这方面的帮助!

基本上,Mac 和 iOS 上的 Outlook 会在带有边框的表格图像底部呈现小间隙。它在 Windows 机器上显示良好,图像底部和边框之间没有间隙。

我不是编码专家,但我尝试过的一切都失败了!

tr>
    <td style="padding:0 0 20px 0;">
    <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;">
<tr>
    
    <td style="width:38px;padding:0;font-size:0;line-height:0;background:#faebd5;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;"><p style="margin:0 0 0px 0;font-size:15px;line-height:18px;font-family:Calibri,sans-serif;color:#faebd5;">&nbsp;</p></td>
    <td style="width:18px;padding:0;font-size:0;line-height:0;">&nbsp;</td>
    <td style="width:128px;padding:0 0 0 0;vertical-align:top;color:#000000;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;border-right:1px solid #cccccc;">
            <p style="margin:0 0 0px 0;font-size:15px;line-height:18px;font-family:Calibri,sans-serif;"><img src="images02/TopTip_Image3.png"  alt=Alt text here" width="128" style="height:auto;display:block;"/></p>
    </td>
    <td style="width:16px;padding:0;font-size:0;line-height:0;background:#ffffff;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;">&nbsp;</td>
    <td style="width:210px;padding:0;font-size:0;line-height:0;background:#ffffff;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-spacing:0;">
    <p style="margin:0px;font-size:15px;line-height:18px;font-family:Calibri,sans-serif;">Text goes here.</p>
    </td>
    <td style="width:16px;padding:0;font-size:0;line-height:0;background:#ffffff;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;">&nbsp;</td>
    
    <td style="width:18px;padding:0;font-size:0;line-height:0;">&nbsp;</td>
    <td style="width:128px;padding:0;font-size:0;line-height:0;background:#61464f;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc;border-right:1px solid #cccccc;"><p style="margin:0 0 0px 0;font-size:15px;line-height:18px;font-family:Calibri,sans-serif;color:#61464f;">&nbsp;</p></td>
    <td style="width:28px;padding:0;font-size:0;line-height:0;background:#faebd5;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;"><p style="margin:0 0 0px 0;font-size:15px;line-height:18px;font-family:Calibri,sans-serif;color:#faebd5;">&nbsp;</p></td>
    
    </tr>
    </table>
    </td>
    </tr>
    </td>

它在 Outlook Windows 上的显示方式

enter image description here

它在 Outlook Mac 上的显示方式

enter image description here

html outlook newsletter
© www.soinside.com 2019 - 2024. All rights reserved.