Question

我正在尝试制作跨平台工作的签名。鉴于我将向拥有Outlook的人发送电子邮件，我希望它也能直接出现在Outlook中。

我想要做的是将我输入的文字向右移动，使其与下面的图像正确对齐。

我可以在我自己的邮件客户端（即Thunderbird）中完美地工作，并且在所有浏览器中查看它也可以，但是在Outlook中使用它似乎是一个问题。

使用div和CSS似乎是不可能的，outlook只会忽略它而且它会消失。

当我使用表格时，outlook似乎很尊重它，但同时获得一个行为固定且可变宽度的单元格似乎都是一个问题。

我尝试了以下HTML代码：

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0">
  <tr>
    <td width="64"><br></td>
    <td><font face="Arial" size="2">
        <br><br>Yours Sincerely,<br><br></font>
    </font></td>
  </tr>
  <tr>
    <td colspan="2">
    <img alt="" src="file:///X:/image.png" height="168" width="681">
    </td>
</tr>

除了outlook之外，它无处不在。有没有人知道解决这个问题的方法，或者我可以使用的另一种方法可行吗？我想阻止2个固定宽度的列。

Answer 1

试试这个：

<table style="table-layout:fixed;" cellpadding="0" cellspacing="0">
  <tr>
    <td style="padding-left: 64px;"><font face="Arial" size="2">
        <br><br>Yours Sincerely,<br><br></font>
    </font></td>
  </tr>
  <tr>
    <td>
      <img alt="" src="file:///X:/image.png" height="168" width="681">
    </td>
  </tr>
</table>

不能使用CSS for Outlook。它只需要内联，只有少数工作。其中一个是Padding。这样可以使文本远离左侧，也可以在Outlook中使用。

此外，您不需要colespan，因为如果未指定，行将适合竞争并且正在扩展到其他行。

MS Outlook

1 个答案: