【问题标题】:HTML CSS relative position not working in gmailHTML CSS相对位置在gmail中不起作用
【发布时间】:2020-10-10 12:29:14
【问题描述】:

我正在准备一份时事通讯,我需要一张图片位于两行的中间(就高度而言),如下所示

我使用了下面的css

position:relative;top:-5px;

它在浏览器中运行良好,但在 gmail 中却不行。有什么方法可以在gmail中进行这项工作。 提前感谢所有帮助。

【问题讨论】:

    标签: html css gmail


    【解决方案1】:

    设计时事通讯对 div 有点挑剔,因为对跨平台的某些 css 功能的支持有限,并且支持因平台而异。

    对于时事通讯,我建议您使用 HTML 表格标签来设计时事通讯,因为它为跨不同电子邮件客户端(包括 Outlook 和 Windows 10 Mail)的时事通讯提供了防弹格式。

    我认为 Gmail 不支持 CSS 位置。不过,StackOverflow 中提供了类似问题的答案。

    您可以参考以下链接进行兼容性检查 https://www.campaignmonitor.com/css/positioning-display/position/

    【讨论】:

    • 投票赞成,因为发送格式化电子邮件的问题很复杂。如果您不知道您的收件人可能正在使用什么电子邮件客户端,以及除了在非常受控的环境中谁在使用之外,那么假设将支持许多样式功能并且情况会发生变化是不安全的。保持简单,并为那些在更简单的系统上或根本不想要花哨的东西(并且可能已经关闭图像)的人提供纯文本替代方案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多