基本表问题：每个 <tr> 一个 <td> 其他被推出答案

【问题标题】：Basic table issue: one <td> per <tr> others being pushed out基本表问题：每个 <tr> 一个 <td> 其他被推出
【发布时间】：2017-04-20 04:48:18
【问题描述】：

我正在写一封电子邮件，所以我不得不在表格布局中工作。我有一张桌子，上面有一些应该并排放置的图像，但它似乎将一张放在桌子的整个宽度上，并将另外两张推出。

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

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

【问题讨论】：

使用内联 css 样式设置图像和表格/td 的最大宽度和百分比宽度。尽可能不要使用固定宽度。
HTML Stickler：</img> 是无效的结束标签；它们可以安全地移除。
@fred -ii- 因为它是一封电子邮件，据我了解，CSS 不是一个很好的选择？
您可以在电子邮件中使用内联 css 没有问题，我一直在使用它。您不能期望图像适合任何浏览器尺寸/屏幕尺寸。在成为网络“开发人员”之前，我是一名网页设计师；-) 现在仍然是。
那么，我们的问题在哪里？我说的话让你拼凑一些东西来解决它？如果没有，请参阅下面的答案，如果可以解决，我认为它会并接受将问题标记为已解决的答案。

标签： html layout html-table html-email

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

另外，您缺少第二行的结束 /tr

【讨论】：