基本 table 问题：每 <tr> 个其他人推出一个 <td>

Question

我正在写一封电子邮件，所以我不得不在 table 布局中工作。我有一个 table 和一些应该并排放置的图像，但它似乎将一个设置为 table 的全宽，并将另外两个推出。

    <table width="600px" border="0" cellspacing="0" cellpadding="0px">
 <tbody>
     <tr>
      <td>
       <a href="google.com" ><img alt="saleinfo" 
       src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/body.jpg"></img></a>
      </td>        
  </tr>
  <tr>
      <td>
       <a href="google.com"><img alt="saleinfo" 
       src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/pail.jpg"></img></a>
      </td>
      <td>
       <a href="google.com" ><img alt="saleinfo" 
       src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/stat-mat.jpg"></img></a>
      </td>
      <td>
       <a href="google.com" ><img alt="saleinfo" 
       src="http://cdn2.hubspot.net/hubfs/75704/JPs-Slices/advenstar-dec/valet.jpg"></img></a>
      </td>        
 </tbody>
</table>

从我的故障排除中，我发现如果删除顶部图像，它不会有相同的效果。

Answer 1

尝试将 colspan="3" 添加到第一个 tr

中的 td

Answer 2

colspan 在某些环境中可能会导致间距问题，因此请注意这一点。我会在每一行中嵌套另一个 table，然后将我的内容 td 放入其中。

此外，您缺少第二行的结尾 /tr

基本 table 问题：每 <tr> 个其他人推出一个 <td>

Basic table issue: one <td> per <tr> others being pushed out

html

layout

html-table

html-email