2014-10-28 54 views
0

我目前正在设置我的第一个邮件我Mailchimp。在不同的电子邮件客户端查看新闻简报后,我可以看到我的“按钮”在Outlook中看起来不正确。 下面是我的按钮代码;Microsoft Outlook的样式按钮

<td align="center" valign="middle" bgcolor="#96d1eb" 
style="color: #ffffff; 
font-size: 13px; 
border-radius: 5px; 
display: block; 
padding-right: 22px; 
padding-left: 22px; 
padding-bottom: 8px; 
padding-top: 8px; 
line-height: 22px; 
vertical-align: middle;" 
mc:edit="2"> 
<!--[if !mso]><!--><span style=" font-weight: normal;"><!--<![endif]--> 
<a href="#" style="color: rgb(255, 255, 255); font-size: 13px; 
text-decoration: none; line-height: 20px;" class="hover">Shop Now</a> 
<!--[if !mso]><!--></span><!--<![endif]--> 
</td> 

这给了我在大多数电子邮件客户端的以下结果;

enter image description here

虽然当我在Outlook看文本不是垂直居中和不带圆角;

enter image description here

我怎样才能使Outlook中的按钮看起来是一样的,在其他电子邮件客户端?

回答

0

...我会建议设置行高与font-size相同,并使用链接的填充值来获得相同的结果。我确信这是造成这个问题的原因。