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>