我怎样才能创建一行文本在左边,文本在右边,这将与所有电子邮件提供商兼容?

问题描述 投票:0回答:0

我正在尝试为电子邮件创建以下设计:

<table align="center" width="600" border="0" cellpadding="10" cellspacing="0">
  <tr bgcolor="pink">
    <td align="left" width="50%" height="40px">
      Left Column Text
    </td>
    <td align="right" width="50%" height="40px">
      Right Column Text
    </td>
  </tr>
</table>

但是,例如将上表从 Outlook 转发到 Gmail 时,它不起作用。 当我从 Outlook 转发这封电子邮件时,它会向

<td>
s 添加额外的元素:

<td align="left" width="50%" height="40px">
  <p align="right" style="text-align:right;">
    <span dir="RTL"> Some Text </span>
  </p>
</td>

它使文本在两列上都右对齐。为什么?

这是从 Outlook 转发到 Gmail 时的样子:(请注意,在下面的示例中,我手动将左列更改为

align="right"
只是为了模仿行为)

<table align="center" width="600" border="0" cellpadding="10" cellspacing="0">
  <tr bgcolor="pink">
    <td align="right" width="50%" height="40px">
      Left Column Text
    </td>
    <td align="right" width="50%" height="40px">
      Right Column Text
    </td>
  </tr>
</table>

html css
© www.soinside.com 2019 - 2024. All rights reserved.