带有TD填充的HTML表格在电子邮件中

时间:2015-03-13 15:21:47

标签: html email outlook

我在电子邮件中遇到问题。 该表在浏览器和Gmail中看起来不错,但在Outlook 2007/10/13中却没有。我认为右表格单元格中的填充是错误的。 有些网站称电子邮件客户端并不完全支持填充。

有人对我有一些建议吗?

以下是浏览器和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>

1 个答案:

答案 0 :(得分:2)

我通过在一个内部添加一个额外的表来解决这个问题。 然后我将填充从桌面移动到了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>