Twitter 用于电子邮件的HTML-更改CSS中的位置不'；行不通

这是我第一次为电子邮件编写HTML。我看了一些教程来指导我，但我遇到了一个问题，我不知道如何解决它。基本上。我所有的代码都在

s中。在页面末尾，页脚也是一个

。但我如何更改位置的CSS值并不重要，结果始终是电子邮件中的以下内容：

此代码中存在问题：

<tr>
  <table id="footer" border="0" align="center" cellpadding="0" cellspacing="0" width="100%" style="background-color: #fe3a35; opacity: 0.9">
    <tr>
      <td valign="top" align="center">
        <p style="font-family: 'Arial'; font-size: 16px; font-weight: 300; text-align: center; position: relative; left: -163px; top: 35px; line-height: 2px; color: white;">&reg; Someone, somewhere 2013</p>
        <p style="font-family: 'Arial'; text-align: center; font-weight: 300;position: relative; left: -132px; top: 25px;ine-height: 2px; color: white;"><a href="" style="font-family: 'Arial'; color: white;">Unsubscribe</a> to this newsletter instantly</p>
        <a href="https://twitter.com/realdonaldtrump" target="_blank" style="position: relative; left: 220px; top: -25px;"><img src="https://i.imgur.com/bgssIwP.png" width="30"></a>
        <a href="https://www.facebook.com/gustavo.olegario" target="_blank" style="position: relative; left: 220px; top: -25px;"><img src="https://i.imgur.com/JQ19LU9.png" width="30"></a>
      </td>
    </tr>
  </table>
</tr>

®；某个人，某个地方
立即发送到此新闻稿

---

<>我想做的事情，实际上是把字母近似到中间的链接。

< P>电子邮件的基本知识和你刚开始的表一样。我已经修复了你的代码，所以它现在应该可以在所有电子邮件客户端上运行

修复：

• 为社交媒体图标添加了带有轻微填充的表格
• 删除位置CSS
• 图像应具有显示块

&注册；某个人，某个地方
立即阅读本通讯

设计电子邮件的更好方法是使用mailchimp或campaign monitor。电子邮件很麻烦，这些家伙会消除你所有的烦恼。据我所知，你想把一切都集中起来吗？你为什么要用

position:relative

之类的爵士乐？只需使用

text align:center

。我不明白这个问题。@ShailendraPal、mailchimp和CM都很好，但它没有给编码人员创造独特事物所需的灵活性。对于上述两种情况，您只能使用它们的模板。@Syfer我同意。但结果将基于努力与时间。你的电子邮件不仅要好看，而且要能够在所有类型的设备上“令人满意”地工作。除非你想做一些非常复杂的事情，否则我建议你尝试一下这些工具并充分利用你的时间。我确实为第一个

标记添加了所有填充值，但它起了作用！谢谢，请小心填充值。他们会崩溃的。最好将空的

s和

s与行高/高度组合使用。@scoopzilla哪些电子邮件客户端不读取填充？我在几乎所有的电子邮件客户端上都使用了填充，结果都是一样的。你在Gmail和Yahoo中都遇到了填充的问题，加上它在手机上的功能。你不必相信我的话，我只是避开他们。我一直在TD中使用填充。您还知道outlook会在文本的顶部和底部添加4px吗？对于Gmail和Yahoo，您可以使用混合代码（也可以修复手机）：-）