【问题标题】:Padding removed from email signature从电子邮件签名中删除填充
【发布时间】:2019-09-18 10:18:19
【问题描述】:

我尝试创建电子邮件签名,但每当我将其粘贴到 Outlook 中时,徽标底部的填充会被删除?我也尝试添加边距,但它仍然被删除?唯一的方法是在之后手动添加一个空格,但我确定这不是一个好习惯?

谢谢

<div>
    <td style="vertical-align: top;">
        <table cellspacing="0" cellpadding="0" border="0" role="presentation" style="font-size: 0px;">
            <tbody>
                <tr>
                    <td style="vertical-align: top;"><div style="margin-right: 10px; width: 150px; border-radius: 0px; padding-bottom: 10px;">
                        <img src="https://s3.eu-central-1.amazonaws.com/mysigmail/upload/2019-04-29-hzc85zi6onw.png" alt="avatar" style="width: 150px; border-radius: 0px;">
                    </div>

【问题讨论】:

    标签: email html-table html-email


    【解决方案1】:

    将填充应用于父td 单元格而不是div

    <table cellspacing="0" cellpadding="0" border="0" role="presentation">
      <tr>
        <td style="padding: 0 0 10px 0;">
        ** content **
        </td>
      </tr>
    </table>
    

    提醒一下:

    • Outlook 2013-2019 不适用于 padding-top
    • 将图像宽度应用于图像。 Outlook 将忽略样式中的宽度
    • border-radius 不适用于 Outlook

    祝你好运。

    【讨论】:

      猜你喜欢
      • 2016-10-23
      • 1970-01-01
      • 1970-01-01
      • 2013-03-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-12-26
      相关资源
      最近更新 更多