HTML 电子邮件对齐文本答案

【问题标题】：HTML email align textHTML 电子邮件对齐文本
【发布时间】：2012-04-16 21:27:39
【问题描述】：

我试图在 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>

【问题讨论】：

标签： html email html-email

【解决方案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>

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

【讨论】：

【解决方案2】：

使用（颤抖）布局表。

Outlook 对电子邮件样式的支持非常糟糕，没有其他方法。

24 ways article 提供了一些关于编写 HTML 格式电子邮件的一般建议。

【讨论】：

那么有没有办法让一部分右对齐和左对齐？
莲花笔记是我发现的最糟糕的，但它似乎几乎灭绝了，这很好。我不知道他们为什么使用 Word 作为 Outlook 渲染引擎。
@user1299846 — 我不是这么说的。
别忘了提一下，周围很多用户只看明文

【解决方案3】：

<p align="right">My right content</p>

它应该可以解决问题，因为它是 HTML1。

【讨论】：