플렉스 박스 속성은 Gmail 이메일 삭제됩니다

나는 우편으로 다음과 같은 HTML을 보내는 PHP에서 스크립트가 있습니다 (I 메인 사업부를 검사 할 때)플렉스 박스 속성은 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>

하지만 이메일을받은이 표시되지 않습니다를 속성 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! –

플렉스 박스 속성은 Gmail 이메일 삭제됩니다

답변

관련 문제