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 sytax;解决它或摆脱它。就像现在一样，它没有做任何事情。最后，您没有关闭图片代码。

试试这个：

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

如何将eBay产品图像放在彼此之下，每张图像之间有间距

1 个答案: