CSS填充不上的Outlook工作2010

Question

我的代码是这样的：

<table> 
     <tr> 
      <td> 
       This is just a paragraph. 
      </td> 
      <td> 
       <a href="#" style="display: block; padding: 5px 20px; background-color: red">Remove</a> 
      </td> 
     </tr> 
    </table> 

我希望链接元素有填充和看起来像一个按钮，通过电子邮件发送。 在浏览器中，它看起来不错，但在Outlook桌面上，填充不起作用！

Answer 1

某些outlook不适用于内联元素中的填充。所以你需要在下面的'td'中添加填充。

<table> 
    <tr> 
     <td> 
      This is just a paragraph. 
     </td> 
     <td style="padding-top: 5px; padding-bottom:5px; padding-left:20px; padding-right:20px;" bgcolor="red"> 
      <a href="#" style="display: block; ">Remove</a> 
     </td> 
    </tr> 
</table>