我有一个PHP脚本，通过邮件发送以下HTML：
<html class="no-js" lang="en">
<body>
<div style="width: 70%;background-color: #060b2b;margin: auto;flex-direction: column;display: flex;">
<h1 style="margin-top: 50px;color: white;margin-left: auto;margin-right: auto;">Vous avez reçu une nouvelle notification.</h1>
<div style="width: 80%;padding: 50px;margin-top: 50px;background-color: #222;margin-left: auto;margin-right: auto;display: flex;">
<p style="color:white;margin: auto;text-align: center;">{{$notification}}</p>
</div>
<a href="" style="margin-top: 50px;margin-bottom: 50px;margin-left: auto;margin-right: auto;color: white;padding:15px;background-color: #0E0E0E;">Accéder à mon compte</a>
</div>
</body>
</html>但是收到的电子邮件（当我检查主div时）没有显示属性flex-direction: column;
看来gmail过滤这些属性？
这正常吗？
1条答案
按热度按时间nqwrtyyt1#
设计HTML电子邮件不像设计HTML网站。电子邮件客户端和网络浏览器之间存在巨大的技术差距。这就好像浏览器在不断发展，但电子邮件客户端却停留在1998年。
在HTML电子邮件的世界中：
**while...**内联样式和表格都很好。
在HTML电子邮件的世界里，老式的布局方法是最可靠的。因此，Gmail将剥离CSS3属性也就不足为奇了。最好的办法是坚持使用表格和内联样式。
更新：Gmail now supports embedded styles.
更多信息：