HTML电子邮件对齐文本

Question

我试图在HTML邮件中将文本的一部分对齐到左边的另一部分,但在Outlook中float则不起作用.所以基本上我float在Outlook中寻找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年前的网络一样.

关于这个问题,有几个很好的文件:

http://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>

这太可怕了,不幸的是它仍然是最好的方式.

Answer 2

使用(颤抖)布局表.

Outlook对电子邮件样式的支持非常糟糕,没有任何其他方式.

有一篇24篇文章,其中包含一些编写HTML格式电子邮件的一般建议.