电子邮件签名生成的 html 表格在 Outlook 2010 中垂直拉伸

Question

我用 PHP 编写了一个电子邮件签名生成器。该程序以以下文件格式输出输出：

signature_file.htm

signature_style.css

signature_image_folder

图像和样式表在 htm 文件中链接。这在网络浏览器中查看时有效。

当我将文件复制到以下路径时：

..\Documents and Settings\user_name\Application Data\Microsoft\Signatures\

对于在 Outlook 2010 中的签名管理器中显示的签名，它看起来很好 - 除了包含所有信息的表格被垂直拉伸之外，字体、图像等都很好。行的高度似乎已扩大到 100%。

在 CSS 文件中，我静态指定了表格高度，但 Outlook 似乎覆盖了它。

此外，当从 Outlook 加载签名时，它会创建一个 *.rtf 文件。在 rtf 中，高度也是错误的。

Answer 1

我想通了。

由于某种原因，Outlook 不理解布局样式，例如填充。我必须摆脱所有行、列等的高度，摆脱所有填充，只拥有一个仅由其内容大小的“压扁”表。然后在我需要一些填充的地方，我只是根据需要
它。

不幸的是，这一切都是徒劳的（除了知识），因为最后我工作的营销人员告诉我使用不使用表格的更丑陋的布局......真丢脸！ :) 感谢杰克乔的所有帮助！ :D

保重， 彼得。

Answer 2

好的，我想我有一些提示可以让你解决这个问题。

（您现在肯定知道，Outlook 在处理 html 方面非常糟糕，即使没有意义，它也可以做最离谱的事情）。

所以，我的建议是：

1. 您的桌子有一个定义的高度：

   (table#signature_table)height: 450px;

   你需要去掉那个高度！这 桌子将有任何高度 需要。

2. 那么，大多数元素都有一个 padding-top 和 padding-bottom （例如：th#employee_name 和 th#employee_position)，尝试 通过将高度定义为 这些元素的<td>；为了 示例：

   如果你有一个 padding-bottom: 20px, 只要确保你的<td> 有 足够的高度（与文字） 将其“拉伸”到之前的 20px， 喜欢<td height=40>。这需要 进行测试，直到你得到正确的 大小。

3. 尝试使用像素而不是点， 点大小不太“可控”；

4. 确保使用内联样式 （如style="font-size: 11px;"），这是一种确保 样式正在被应用， 特别是对于电子邮件客户端 不接受外部 CSS（Gmail、 等等）。应用所有样式，不要 忘记将字体系列添加到 表（至少）。这是一种浪费 代码，但最终它是值得的 额外的代码。

5. 简化：不要使用表头 <th> 和其他类似的标签 (IMO)，我只使用<tr> 和<td> 而已。我认为 Outlook 可以风格 <th> 以意想不到的方式。 创建 html 电子邮件意味着您需要 像你一样编码 html 和 css 是在 1999 年，所以不要介意使用 表等。确保代码 验证。