HTML顯示錯誤

Question

您好我正在嘗試發送電子郵件中的html。（支持相關的東西）

問題是它在我的本地記事本上正常工作。 LINKEDIN圖像正確的地方。

但是當我通過我的後臺系統在Gmail中發送郵件這個網站給用戶（存儲WSO2當地切入點HTML），那麼這LinkedIn圖標移動一點點了。

另外YouTube視頻鏈接也被示出作爲附件。

我該如何解決這個問題？

<tbody> 
     <tr> 
      <td style="text-align:center;padding:0px 0px"> 
      <table align="center" bgcolor="#505050" border="0" cellpadding="0" cellspacing="0" style="max-width:650px;margin:auto;text-align:center" width="100%"> 
       <tbody> 
       <tr> 
        <td align="center" style="text-align:center"> 
        <a href="https://twitter.com/mysitelink" target="_blank"><img height="10%" width="5%" border="0" src="http://twitter-256.png" style="display:inline-block;padding:0px 8px"/></a> 
        <a href="https://facebook.com/mysitelink" target="_blank"><img height="6%" width="5% border=" src="http://facebooklogo.png" style="display:inline-block;padding:0px 8px"/></a> 
        <a href="https://youtube.com/mysitelink" ><img height="10%" width="5%" border="0" src="http://youtube.png" style="padding-top:100px:display:inline-block;padding:0px 8px"/></a> 
        <a href="https://linkedin.com/mysitelink" target="_blank"><img height="20%" width="7%" border="0" src="http://Linkedin.png" style="position: relative;top: 12px;display:inline-block;padding:0px 6px"/></a> 
        </td> 
       </tr> 
       <tr> 
        <td align="center" style="text-align:center"> 
        <p style="letter-spacing:3px;font-size:12px;margin:0;line-height:18px;text-align:center;font-family:'Nunito Sans',Arial,Verdana,Helvetica,sans-serif;color:#bababa;padding:20px 30px"> 
        <span><a href="http://contact/" style="text-decoration:none;letter-spacing:3px;font-size:12px;margin:0;line-height:18px;font-family:'Nunito Sans',Arial,Verdana,Helvetica,sans-serif;color:#bababa;text-transform:uppercase;text-align:center;padding-bottom:3%" target="_blank">CONTACT US</a></span> 
        </p> 
        </td> 
       </tr> 
       </tbody> 
      </table> 
      </td> 
     </tr> 
     </tbody> 

Answer 1

你在樣式中缺少分號，也有頂部：12px;那是導致你的鏈接不在位置只是複製和粘貼我修改過的代碼。

我希望我能夠幫助！

<tbody> 
 
    <tr> 
 
     <td style="text-align:center;padding:0px 0px"> 
 
     <table align="center" bgcolor="#505050" border="0" cellpadding="0" cellspacing="0" style="max-width:650px;margin:auto;text-align:center" width="100%"> 
 
      <tbody> 
 
      <tr> 
 
       <td align="center" style="text-align:center"> 
 
       
 
       <a href="https://twitter.com/mysitelink" target="_blank"> 
 
       <img height="auto" width="5%" border="0" src="http://twitter-256.png" style="display:inline-block;padding:0px 8px;"/></a> 
 
       
 
       <a href="https://facebook.com/mysitelink" target="_blank"> 
 
       <img height="auto" width="5%" border="0" src="http://facebooklogo.png" style="display:inline-block; padding:0px 8px;"/></a> 
 
       
 
       <a href="https://youtube.com/mysitelink" target="_blank" > 
 
       <img height="auto" width="5%" border="0" src="http://youtube.png" style="display:inline-block; padding:0px 8px;"/></a> 
 

 
       <a href="https://linkedin.com/mysitelink" target="_blank"> 
 
       <img height="auto" width="5%" border="0" src="http://Linkedin.png" style="display:inline-block;padding:0px 8px;"/></a> 
 

 
       </td> 
 
      </tr> 
 
      <tr> 
 
       <td align="center" style="text-align:center"> 
 
       <p style="letter-spacing:3px;font-size:12px;margin:0;line-height:18px;text-align:center;font-family:'Nunito Sans',Arial,Verdana,Helvetica,sans-serif;color:#bababa;padding:20px 30px"> 
 
       <span><a href="http://contact/" style="text-decoration:none;letter-spacing:3px;font-size:12px;margin:0;line-height:18px;font-family:'Nunito Sans',Arial,Verdana,Helvetica,sans-serif;color:#bababa;text-transform:uppercase;text-align:center;padding-bottom:3%;" target="_blank">CONTACT US</a></span> 
 
       </p> 
 
       </td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
    </tr> 
 
    </tbody>