内联表中不必要的间距答案

【问题标题】：Unecessary spacing in inline table内联表中不必要的间距
【发布时间】：2016-02-12 02:35:33
【问题描述】：

将 5 列放在一行中，以实现 html 电子邮件爆炸。我的边距和单元格间距为 0，但 5 个图像之间的间距很大，所以我无法弄清楚我错过了什么。我已经能够连续使用 2 列来执行此操作，但无法弄清楚我现在做错了什么。任何帮助表示赞赏

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

【问题讨论】：

能否请您在jsfiddle.net 左右重现该问题..
jsfiddle.net/baboles/mpbd7b91
好的...你说的是哪个间距？
5 个较小图像之间的间距。我正试图让他们彼此排成一列。

标签： html css html-table html-email

【解决方案1】：

您必须执行以下步骤：

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

2) 将表格的 css 表格布局设置为固定。如下所示

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

【讨论】：

越来越近，这在 jsfiddle.net 上有效，但不是经常联系。此外，在 jsfiddle.net 和持续接触中，身体不再居中
试试这个。添加边距：0px 自动；将使表格居中。
你是个好人，真的很感激，尽管flickr.com/photos/43079452@N03/24331340174/in/dateposted-public
我复制了你在 jsfiddle 中的使用方式，并将其保持在不断的联系中。奇迹般有效。你就是男人！
尝试将表格设置为顶部图像的 600 像素宽度。这应该可以解决问题。

【解决方案2】：

请注意，当表格有很多水平宽度要填充时，图像之间只有空间。您需要修复表格的宽度，使其不会变得比需要的大。

或者，您可以放弃 5 列表格布局并显示内联块或浮动图像。使用 inline-block 时，请确保标记在元素之间没有空格，这可以使用 cmets 来实现，如下所示：

   <img ...><!--
--><img ...><!--
--><img ...>

【讨论】：