Question

您好我正在尝试在电子邮件中发送html。（支持相关内容）

问题是它在我当地的记事本上工作正常。 LINKEDIN 图片就在它的位置。

但是当我通过我的后端系统将这个html用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;这导致你的链接in不在定位只是复制并粘贴我为你修改的代码。

我希望我能帮忙！

<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>

HTML显示错误

1 个答案: