Question

我有一个使用嵌套表格的HTML电子邮件模板。我试图获得最大的电子邮件客户端支持。我想知道如何使用内联样式，我是否应始终将其应用于最低级别td，还是可以将样式应用于父级table或td？

例如，我知道在浏览器中，以下两个都可以使用：

<table border="0" cellpadding="20" cellspacing="0" bg-color="#eeeeee" width="100%">
  <tr>
    <td valign="top" style="font-size:12px; line-height:16px;">

      <table border="0" cellpadding="0" cellspacing"0" width="600">
        <tr>
          <td valign="top">
            Content 1
          </td>
          <td valign="top">
            Content 1
          </td>
        </tr>
      </table>

    </td>
  </tr>
</table>

或者

<table border="0" cellpadding="20" cellspacing="0" bg-color="#eeeeee" width="100%">
  <tr>
    <td valign="top">

      <table border="0" cellpadding="0" cellspacing"0" width="600">
        <tr>
          <td valign="top" style="font-size:12px; line-height:16px;">
            Content 1
          </td>
          <td valign="top" style="font-size:12px; line-height:16px;">
            Content 1
          </td>
        </tr>
      </table>

    </td>
  </tr>
</table>

这里的区别在于内联样式。第一个示例避免重复并且更容易维护，而不是将内联样式应用于多个子td。但是，某些电子邮件客户端是否会为孩子table，tr或td应用新样式？

Answer 1

你设置的样式越低，你就越安全。许多电子邮件客户已经添加了自己的风格例如，如果他们有一个带

的css行

td {
   font-size:14px;
}

这可能会破坏你想要的风格。

在HTML电子邮件中设置嵌套表的样式

1 个答案: