HTML 电子邮件对齐文本

Question

我试图在 HTML 邮件中将一部分文本右对齐，另一部分左对齐，但在 Outlook 中，float 不起作用。所以基本上我在 Outlook 中寻找 float CSS。我知道这听起来很令人毛骨悚然，text-align 或 align="" 不起作用。有什么建议么？

<td>
   <span style="text-align:left; float:left;">
       First part
   </span>
   <span style="text-align:right; float:right;">
       Second part
   </span>
</td>

Answer 1

老实说，如果您要发送 HTML 电子邮件，我会坚持使用表格。并非所有的 CSS 选择器在所有电子邮件客户端中都可用，如果您尝试以任何其他方式进行选择，您会发疯的。 HTML 电子邮件就像 5 年前的网络。

关于这个主题有几个很好的文档:

https://www.campaignmonitor.com/css/

http://www.emailology.org/

以你的例子为例:

<td>
  <table cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td align="left">First part</td>
      <td align="right">Second part</td>
    </tr>
  </table>
</td>

这很糟糕，但不幸的是它仍然是最好的方法。