Html 如何正确使用空格<；td>；电子邮件中的内容？

我正在为ActiveCampaign创建一个电子邮件模板，我需要在一行中放置3个图像，彼此相邻，中间填充14px

我用表创建了一个自定义HTML块，但无法正确定位图像

我希望它看起来像什么

它在电子邮件客户端中的外观

电子邮件布局设置为全宽，但内容居中，以500px为单位。因此，表格宽度设置为500px

谁能告诉我怎么了

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
    <td style="text-align: center;">

        <table width="500px" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse; margin: 0 auto;">
            <tbody>
              <tr>
                  <td>
                   <a href=""><img style="padding: 0;" src="https://ac-image.s3.amazonaws.com/6/7/7/4/3/7/home/admin/new_email_templates/group-1.jpg?r=715459984">
                    </a>
                   </td>
                    <td>
                 <a href=""><img style="padding: 0;" src="https://ac-image.s3.amazonaws.com/6/7/7/4/3/7/home/admin/new_email_templates/group_2.jpg?r=1551841180">
                     </a>      
                  </td >
                  <td>
        <a href=""><img style="padding: 0;" src="https://ac-image.s3.amazonaws.com/6/7/7/4/3/7/home/admin/new_email_templates/group.jpg?r=269367714">
       </a>
      </td>
    </tr>
  </tbody>
</table>
</tr>
</td>
</table>

---

真可惜。这么多的建议，有些是针对几个顺序不正确的标签提出的，但没有一个能够确定其中一个基本问题。您已经在HTML属性中定义了CSS宽度。
当然，我不能复制您的特定问题，但我可以在Outlook中看到问题，并修复此小宽度属性修复了这些问题

查看内部表格，当使用width=“##”HTML属性时，不能使用px（或这些属性中的任何单位）。它只是在寻找一个号码。
因此，在您的情况下，将该属性和值更改为：width=“500”
或者，您可以删除该引用并将其更改为style=“width:500px；”，但这并不是绝对必要的

我还建议删除文本align:center；从内部表格周围的表格单元格中，添加align=“center”。除此之外，请从表中删除margin:auto，因为某些电子邮件客户端无法识别它，而且依赖表单元格上的align=“center”更安全。
这将使你的桌子居中。如果你想让它左对齐，就让它保持原样

移除内部表格并添加cellpadding不是解决方案
除非绝对必要，请不要使用单元格填充或单元格间距。还有更好的选择。
老实说，我不敢相信有些人在没有亲自测试的情况下盲目地提出建议。
另外，由于某些电子邮件客户端不会使用/读取该属性，因此将表格宽度移动到样式标记，而不是使用HTML宽度属性，这一点是不正确的 是的，您可以将宽度移动到样式标记，但是您的HTML属性同样有效，可以正常工作。您需要做的就是从图中删除px单元

正如其他人所说，您也有一些需要重新排序的结束标记，但这不是主要问题

以下是我要做的调整：

删除内部表格宽度，它将占用其内容的空间，并在父td中居中。您可能还需要一些单元格填充来创建图像之间的间隙。如果这不起作用，那么您可能需要在样式标记中添加width:500px，因为某些电子邮件客户端不会使用width属性。这在chrome浏览器上非常有效。此外，HTML代码中存在验证问题。在table end标记之前的末尾，tr应该关闭，而不是关闭td@Sonia没错，在浏览器中看起来不错。“但似乎电子邮件客户端使tds更宽了。”Dankos，我检查了gmail客户端，它工作得很好。只需更正结尾处的结束标记并检查代码即可again@Pete非常感谢。不幸的是，你提到的两件事都不管用。谢谢！原来问题是我使用的全宽度模板。图像通过自定义HTML块添加到模板中，但整个电子邮件是在电子邮件设计器（也称为拖放编辑器）中创建的。它启用了全宽设置（电子邮件应为全宽），但此设置会覆盖表格宽度，并将图像放置在整个视口视图中。仍然不知道如何修复它，不使用HTML编码整个模板。哦，奇怪！你用什么服务来构建模板？ActiveCampaign.噢，哇，ActiveCampaign真让人困惑。我注册了一个试用版，然后潜入模板生成器。我明白你所说的全宽设置和在主体中添加一个更小、居中的方框的选项的意思。我甚至尝试添加一个HTML块，并将我在“我的答案”中发布的HTML插入其中，但它不会集中内容。你试过与他们的支持部门联系吗？他们可能会提出一个解决方案。。。？