在電子郵件中使用TD填充的HTML表格

我在電子郵件中的表格中遇到問題。表格在瀏覽器和Gmail中看起來不錯，但在Outlook 2007/10/13中看起來不錯。它在我認爲正確的表格單元格中出現填充錯誤。有些網站說，電子郵件客戶端並不完全支持填充。在電子郵件中使用TD填充的HTML表格

有沒有人對我有一些建議？

這裏是瀏覽器和Gmail的圖像： enter image description here

下面是Outlook的圖像： enter image description here

下面是表的全碼：

<table border="0" cellspacing="10" cellpadding="0" style="width: 600px; white-space: normal;"> 
 
    <tr> 
 
    <td style="width: 100px; vertical-align: top; background-color: #fff; border: 1px solid #000000;"> 
 
     <p>a</p> 
 
    </td> 
 
    <td style="padding: 25px; width: 416px; vertical-align: top; background-color: #fff; border: 1px solid #000000;"> 
 
     <p>b</p> 
 
    </td> 
 
    </tr> 
 
</table>

來源

2015-03-13 XNL073

有任何CSS？ – floor 2015-03-13 15:34:16

嘗試添加* {padding：0;餘量：0; }到你的CSS文件的頂部 – floor 2015-03-13 15:34:56

我解決了這個問題b你在一個表裏添加一個額外的表格。然後我將填充從表格的cellpadding移動。適用於最常見的郵件客戶端。

<table border="0" cellspacing="10" cellpadding="0" style="width: 600px; white-space: normal;"> 
 
    <tr> 
 
    <td style="width: 100px; vertical-align: top; background-color: #fff; border: 1px solid #000000;"> 
 
     <table> 
 
     <tr> 
 
      <td> 
 
      <p>a</p> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    <td style="width: 416px; vertical-align: top; background-color: #fff; border: 1px solid #000000;"> 
 
     <table cellpadding="25"> 
 
     <tr> 
 
      <td> 
 
      <p>b</p> 
 
      </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table>

來源

2015-03-19 10:57:45 XNL073

在電子郵件中使用TD填充的HTML表格

回答

相關問題