Microsoft Outlook的樣式按鈕

Question

我目前正在設置我的第一個郵件我Mailchimp。在不同的電子郵件客戶端查看新聞簡報後，我可以看到我的「按鈕」在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> 

這給了我在大多數電子郵件客戶端的以下結果;

雖然當我在Outlook看文本不是垂直居中和不帶圓角;

我怎樣才能使Outlook中的按鈕看起來是一樣的，在其他電子郵件客戶端？

Answer 1

...我會建議設置行高與font-size相同，並使用鏈接的填充值來獲得相同的結果。我確信這是造成這個問題的原因。