Html 内联网格相关CSS在Gmail中消失

我正在使用NopCommerce开发一个HTML电子邮件模板。从那以后，我把所有的CSS都放在了内联中，但没有起作用，在大多数情况下，除了网格样式之外，所有的东西都能起作用。特别是

网格间距

和

网格模板列

，因为它们在发送到Gmail后似乎消失了。下面的代码片段是发送之前的原始代码

<div class="grid-container" style="display: grid; grid-gap: 10px; background-color: white;margin-top:10px;left-padding: 10px; text-align:center; grid-template-columns: 33% 33% 33%;">
    <div style="background-color: #ebebe0;">
        <h1>Title 3</h1>
        <p>Lorem Ipsum</p>
    </div>
    <div style="background-color: #ebebe0;">
        <h1>Title 4</h1>
        <p>Lorem Ipsum</p>
    </div>
    <div style="background-color: #ebebe0;">
        <h1>Title 5</h1>
        <p>Lorem Ipsum</p>
    </div>
</div>

标题3
同侧眼睑

标题4
同侧眼睑

标题5
同侧眼睑

---

上面的图片来自Gmail，正如你所看到的，

grid gap

和

grid template列

似乎丢失了。有人能给我一些关于这个问题的建议或解决办法吗？非常感谢。

这是因为由于集成问题、安全性和网络问题，大多数电子邮件客户端不支持网格和最新的CSS新功能。请参阅本实用指南，了解在哪些电子邮件客户端上哪些有效，哪些无效：

---

例如：目前只有Aol Alto、Thunderbird、Outlook（Mac和Android）和iOS>10支持

grid

。

，@Turnip啊，该死的，谢谢