html - 内联表中不必要的间距

Question

将 5 列排成一行以进行 html 电子邮件群发。我的边距和单元格间距为 0，但 5 张图像之间的间距很大，所以我无法弄清楚我遗漏了什么。我已经能够连续 2 列做到这一点，但无法弄清楚我现在做错了什么。任何帮助表示赞赏

https://jsfiddle.net/baboles/mpbd7b91/

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="5">
             <a href="#">
             <img src ="#" style= "display: block; width: 600px;">
             </a>
        </td>
    </tr>

<!--Column 1-->

 <tr>
     <td align="right" colspan="1" width="120">
         <a style = "margin: 0px;" href="#">
         <img src="#" style="display: block; width: 120px;">
         </a>
      </td>

<!-- Column 2 -->

         <td align="right" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>


<!-- Column 3 -->

         <td align="center" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>


<!-- Column 4 -->

         <td align="left" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>

<!-- Column 5 -->

         <td align="left" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>
  </tr>

Answer 1

您必须执行以下步骤:

1) 去掉表格标签中的width="100%"

2) 将表格的 css table-layout 设置为 fixed。如下图

<table border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed;margin: 0px auto;">