Flex的框屬性在Gmail電子郵件刪除

我在PHP腳本，通過郵件發送以下HTML：Flex的框屬性在Gmail電子郵件刪除

<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過濾這些屬性？

這是正常的嗎？

來源

2016-09-07 Baptiste Arnaud

設計HTML電子郵件不像設計HTML網站。電子郵件客戶端和網絡瀏覽器之間存在巨大的技術差距。這就好像瀏覽器不斷髮展，但電子郵件客戶端在1998年陷入困境。

在HTML電子郵件的世界中，嵌入式和外部樣式不好，CSS3不好，JavaScript差，而內聯樣式和佈局表是好的。在這個世界上，老派的編碼方法依然活躍。

Gmail將刪除CSS3屬性並不奇怪。你最好的選擇是堅持表格和內聯樣式。

UPDATE：Gmail now supports embedded styles.

的更多信息：

來源

2016-09-07 18:28:07

好的，謝謝Michael_B！ –

Flex的框屬性在Gmail電子郵件刪除

回答

相關問題