在Gmail电子邮件中删除了Flex / Grid属性

  • Z时代
  • 2024-01-10
  • 分类：问答

我有一个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可以过滤这些属性？

这正常吗？

回答：

设计HTML电子邮件不同于设计HTML网站。电子邮件客户端和Web浏览器之间存在巨大的技术差距。好像浏览器在不断发展，但是电子邮件客户端陷入了1998年。

在HTML电子邮件世界中，嵌入式和外部样式不好，CSS3不好，JavaScript不好，而..内联样式和布局表很好。在这个世界上，老式的编码方法仍然有效。

Gmail剔除CSS3属性也就不足为奇了。最好的选择是坚持表格和内联样式。

以上是 在Gmail电子邮件中删除了Flex / Grid属性 的全部内容， 来源链接： utcz.com/qa/410580.html

回到顶部