html - 如何将 eBay 产品图片放置在彼此下方，每张图片之间有间距

Question

我在网上找到了以下代码：

<center><table>
<tr>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 838="" tmp423.jpg=""   '=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300" height="300"></a>
</td>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg="" '=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></a>
</td>
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg="" '=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></a>
</td>
</tr>
</table></center>

将图像并排放置，每个图像之间有间距。我正在尝试将每个图像放置在彼此下方，并在 eBay 列表描述中的每个图像之间放置间距。将每个图像放置在彼此下方并在每个图像之间放置间距的 html 代码是什么？我需要更改或添加到上面的代码中以使图像居中并位于彼此下方且每个图像之间有间距？谢谢。

Answer 1

您将所有内容都放在一个表格行 ( <tr></tr>) 中，这就是为什么所有内容都水平显示的原因。没有 CSS 的最简单的垂直获取方法是将每个图像放在一个表格行中。此外，不管'=""是什么，它都抛弃了 HTML 语法。修复它或摆脱它。就像现在一样，它什么也没做。最后，您没有关闭图像标签。

尝试这个：

<center><table>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images=""        838="" tmp423.jpg=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300"  height="300"></img></a></td>
</tr>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></img></a></td>
</tr>
<tr>
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></img></a></td>
</tr>
</table></center>