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>