-1

这张 png-24 图像看起来它的颜色完全延伸到其 302 × 354 尺寸的边缘： PNG 但是，当我将其放入 td 并通过电子邮件发送时，我会得到如下信息： 电子邮件中的png

html表：

    <td rowspan="3" style="vertical-align:top; border:1px solid #e6e6e6; background-color:#f0f1f2;">
        <img src="email_img.png" height="177px" alt="Sample image" />
    </td>

屏幕截图来自 gmail。虽然没有看过其他电子邮件客户端。知道为什么会这样吗？谢谢！

4

4 回答 4

2

这是因为每个电子邮件客户端都有自己的渲染引擎，即 Outlook 与其他桌面电子邮件客户端。为了解决这个问题，您需要进行大量跨客户端测试，并且只使用他们都“喜欢”的内联样式

或者

如果您在 ie gmail 中看到这一点，那么您可能有 gmails 样式表级联并影响您的 DOM 元素。为了解决这个问题，您需要为表格定义一个样式（内联，因为它是电子邮件或引用服务器上的样式表，尽管基于 Web 的客户端可能会剥离正文之外的所有内容）

于 2012-10-26T16:21:56.183 回答
0 
 <td rowspan="3" style="vertical-align:top; border:1px solid #e6e6e6; background-color:#f0f1f2;" cellpadding="0">
    <img src="email_img.png" height="177px" alt="Sample image" />
</td>

尝试调整单元格填充。您确实也想在该图像上设置一个高度，在我看来，电子邮件是一个巨大的痛苦，但是如果您指定所有内容并且不将任何内容留给各个 HTML 渲染引擎，您会发现麻烦少得多。

于 2012-10-26T16:36:56.383 回答
0

您需要对img.

将 CSS 设置为display:block或vertical-align:top。

于 2012-10-26T16:21:32.707 回答
0

对于电子邮件，请始终使用<img src="[img url]"height="[img height]" width="[img width]" style="display:inline-block;" border="0">没有那个，某些电子邮件客户端会添加边框

于 2012-10-26T16:19:53.950 回答