Question

我写了一个php脚本来发送消息，带有html格式和自定义css样式，给facebook用户。该消息可以在他的私人消息框中看到。如果保持html格式，那将是完美的。我发现这样做的唯一方法是将样式内联（作为标记属性）而不是编写内部样式部分或使用外部CSS文件。

ex：＆lt; div style =“width：100px”＆gt;

但我有两个问题。 img标签中的图像不显示，我无法插入包装块以适应整个消息宽度。

我该如何正确地做到这一点？

Answer 1

不确定facebook有什么怪癖，但最佳做法是在html电子邮件中包含内联样式和表格。为了使您的图像有效，它可能需要在线托管，而不是嵌入式。

假设facebook没有删除任何代码，像这样的简单表应该适合宽度：

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
  <tr>
    <td style="padding:20px; padding-bottom:0;">
      <img style="margin: 0; border: 0; padding: 0; display: block;" src="http://lorempixel.com/400/200/sports/" width="400" height="200" alt="">
    </td>
  </tr>
  <tr>
    <td style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #000000; padding:20px;">
      Content here.
    </td>
  </tr>
</table>

注意 - 这不是一个完整的html电子邮件结构，只是一个应该放在你的身体部分内的表。

发送到Facebook地址的HTML电子邮件已破坏风格

1 个答案: