Table MS Outlook 具有固定宽度和可变宽度

Question

我正在尝试制作一个跨平台的签名。鉴于我将向使用 Outlook 的人发送电子邮件，我希望它也能正确显示在 Outlook 中。

我想做的是将我键入的文本移到右侧，使其与下图正确对齐。

我可以让它在我自己的邮件客户端 Thunderbird 中完美运行，并且在所有浏览器中也可以正常查看它，但是让它在 Outlook 中运行似乎是个问题。

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

当我使用 table 时，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 的说法是不正确的。它只需要是内联的，并且只有几件事有效。其中之一是填充。这应该 space 您的文本远离左侧并且在 Outlook 中也能正常工作。

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

Table MS Outlook 具有固定宽度和可变宽度

Table with fixed and variable width for MS Outlook

html

email

outlook

html-email