如何在Outlook 2007、2010和2013的html电子邮件中创建填充?

如何在Outlook 2007、2010和2013的html电子邮件中创建填充?,html,css,email,templates,outlook,Html,Css,Email,Templates,Outlook,我的电子邮件模板从工作完美的所有电子邮件客户端。 不幸的是,当我尝试创建一个简单的按钮时,填充在Outlook 2007、2010和2013中不起作用 <a style="color:white; text-decoration:none;" href="http://"><span style="color: #ffffff; background-color:#17aadf; font-weight: bold; font-size: 14px; padding:

我的电子邮件模板从工作完美的所有电子邮件客户端。 不幸的是,当我尝试创建一个简单的按钮时,填充在Outlook 2007、2010和2013中不起作用

 <a style="color:white; text-decoration:none;" href="http://"><span style="color: #ffffff;     background-color:#17aadf; font-weight: bold; font-size: 14px; padding:8px;margin-left: 8px; margin-right: 8px; margin-bottom: 8px; line-height: 24px; font-family:Arial, Helvetica, sans-serif">Konto aktivieren</span></a> 

在Outlook中查看填充或其他内容的好方法是什么?

是内联元素。他没有交叉划船垫。尝试float:left或删除填充,并将行高设置为32px

再添加一个属性display:inline块;然后尝试一下

您应该将其放入html电子邮件的表格中:

<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" bgcolor="#17aadf" style="font-size: 14px; padding:8px; font-family:Arial, Helvetica, sans-serif;">
      <a style="color:#FFFFFE; text-decoration:none;" href="http://">Konto aktivieren</a>  
    </td>
  </tr>
</table>

<br>Or even better - no padding:<br><br>

<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle" height="35" bgcolor="#17aadf" style="font-size: 14px; font-family:Arial, Helvetica, sans-serif;">
      <a style="color:#FFFFFE; text-decoration:none;" href="http://">Konto aktivieren</a>  
    </td>
  </tr>
</table> 

另一方面,您应该始终使用6位十六进制,Gmail不支持纯黑色或白色的超链接颜色,因此使用FFFFF E,而不是FFFFFF

,不幸的是,它没有effect@user3589451添加使用样式属性(如>显示:内联块)很重要!重要的