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

HTML CSS relative position not working in gmail

我正在尝试准备一份时事通讯,我需要一张图片位于两条线的中间(根据高度),如下所示

我用了下面的css

position:relative;top:-5px;

它在浏览器中运行良好,但在 gmail 中运行不正常。有什么方法可以使它在 gmail 中工作。 预先感谢所有帮助。

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

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

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

兼容性检查可以参考以下link https://www.campaignmonitor.com/css/positioning-display/position/