HTML电子邮件对齐文本

时间:2012-04-03 08:26:29

标签: html email html-email

我正在尝试将文本的一部分与HTML邮件中的右侧和另一部分对齐,但在Outlook中,float不起作用。所以基本上我在Outlook中寻找float CSS。我知道这听起来很令人毛骨悚然,text-alignalign=""无效。有什么建议?

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

3 个答案:

答案 0 :(得分:34)

老实说,如果你正在做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>

这太可怕但不幸的是它仍然是最好的方式。

答案 1 :(得分:5)

使用( shudder )布局表。

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

有一个24 ways article,其中包含一些编写HTML格式电子邮件的一般建议。

答案 2 :(得分:1)

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

应该这样做,因为它是HTML1。