我怎樣才能在sendgrid中心電子郵件正文的內容

我正在使用發送網格創建新聞簡報的電子郵件模板，我設計了它，當我發送測試電子郵件時，它總是不適合電子郵件正文下面的圖片False Image，任何人都可以幫助我如何將電子郵件正文中的通訊內容集中在一起？我怎樣才能在sendgrid中心電子郵件正文的內容

編輯1：這個問題似乎是在Outlook只

<style type="text/css"> 
    body { 
     min-width: 100%; 
     margin: 0; 
     padding: 0; 
     -webkit-font-smoothing: anyialiased; 
     font-family: Trebuchet MS; 
    } 
    span { 
     color:#808080; 
     font-size:12px; 
    } 
    img { 
     display: inline-block; 
     max-width: 100%; 
     max-height: 100%; 
    } 
    table { 
     border-collapse: collapse; 
     } 

    </style> 

<!--Main Container--> 
<table border="" cellpadding="0" cellspacing="0" width="100%" class="wrapper"> 
<tbody> 
    <tr> 
    <td valign="top" width="600"> 
     <!--First Table--> 
       <table border="0" cellpadding="0" cellspacing="0" class="devicewidth"> 
        <tbody> 
         <tr> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
          <td valign="top"> 
           <!--Content--> 
          </td> 
         </tr> 
        </tbody> 
       </table> 
    </td> 
    </tr> 
</tbody> 
</table> 
<!--End of Main Container-->

False image

來源

2017-09-05 Beginner

您使用的電子郵件事務模板？ – Niladri

是@niladri，我正在使用它 – Beginner

敢肯定它應該爲所有的通訊/模板系統（我用自己Mailchimp）是可用的。你的代碼基本上缺少一個'垂直中心'。

希望下面的代碼解釋！

<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="background-color:red;height:200px;"> 
 
\t <tr> 
 
    <!-- THIS <td> element needs align center!! --> 
 
    <td align="center" valign="top" > 
 

 
     <table border="0" cellpadding="0" cellspacing="0" width="200" class="templateContainer" style="background-color:white;height:100%;"> 
 
\t \t \t \t <tr> 
 
\t \t \t \t \t <td> 
 
      content goes here 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    </td> 
 
    </tr> 
 
</table>

來源

2017-09-05 14:29:33 jcdenooy

我怎樣才能在sendgrid中心電子郵件正文的內容

回答

相關問題