用于 MS Outlook 的具有固定和可变宽度的表格

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>

不能对 Outlook 使用 CSS 是不正确的。它只需要是内联的，并且只有几件事有效。其中之一是填充。这应该使您的文本远离左侧，并且在 Outlook 中也可以使用。

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