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

Question

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

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

然后我在“外部容器表”内建了其他表格，以容纳消息的不同部分;这些表格彼此相邻/彼此对齐排列。

问题

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

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>