簡體   English   中英

電子郵件中帶有TD填充的HTML表

[英]HTML table with TD padding in email

我的電子郵件中的表格有問題。 該表在瀏覽器和Gmail中看起來不錯,但在Outlook 2007/10/13中卻不然。 我認為正確的表格單元格中的填充有問題。 一些網站說,電子郵件客戶端不完全支持填充。

有人對我有什么建議嗎?

這是瀏覽器和Gmail的圖像: 在此處輸入圖片說明

這是Outlook的圖像: 在此處輸入圖片說明

這是表的完整代碼:

 <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> 

我通過在中添加一個額外的表來解決此問題。 然后,將填充從移到表格的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> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM