Question

我正在构建 HTML电子邮件简报。

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

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

问题

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

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

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

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

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

1 个答案: