html电子邮件表格之间的间距

Question

我正在构建一个 HTML 电子邮件 时事通讯。

在电子邮件中，我构建了一个容器表，它将保存电子邮件的实际内容；配置为 100% 宽度。

然后我在“外部容器表”中构建了其他表来保存消息的不同部分；这些表格彼此相邻/彼此下方对齐。

问题

问题是如何间隔内表。我尝试了标准的内联 css margin-left/padding-left 间距。但似乎没有任何影响。

style=' margin-right: 20px;float: left;margin-bottom: 20px'

下面是示例表。请注意，此示例包含在格式正确的页眉和页脚中（为简洁起见，我没有显示该部分）。

<table width="100%">
  <tr>
    <td width='300' style='float:left' style=' margin-right: 20px;float: left;margin-bottom: 20px'>
       <TABLE>
         <TR>
            <TD width='150'>column</TD> 
         </TR>
      </TABLE>
    </td>
   <td width='300' style='float:left' style=' margin-right: 20px;float: left;margin-bottom: 20px'>
      <TABLE>
        <TR>
          <TD width='150'>column</TD> 
        </TR>
      </TABLE>
   </td>       

  <tr>
</table>

Answer 1

您在代码中使用了两次style 标签。只需删除它，内部 CSS 就会起作用。

试试这个

<table width="100%" style='border:1px solid green;'>
  <tr>
    <td width='300' style='border:1px solid blue; margin-right: 20px;float: left; margin-bottom: 20px'>
       <TABLE>
         <TR>
            <TD style='border:1px solid red;' width='150'>column</TD> 
         </TR>
      </TABLE>
    </td>
   <td width='300' style='border:1px solid red;margin-right: 20px; float: left; margin-bottom: 30px'>
     <TABLE>
        <TR>
          <TD width='150'>column</TD> 
        </TR>
      </TABLE>
   </td>    
  <tr>
</table>