HTML CSS相对位置在gmail中不起作用答案

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

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

我使用了下面的css

position:relative;top:-5px;

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

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