Question

我设法减少blogger.com在同一行桌面上的图像之间的空白区域，但我不能为我的生活找出如何减少图像行之间的空白区域。以下是我目前拥有的HTML。有什么建议？

<table border="0" cellpadding="0" cellspacing="5" style="width: 900px;"> <tbody>
<tr><td valign="top" width="209">

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/>

...

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/>

</tbody></table>

Answer 1

"之前你错过了width="200" 你没有结束</td>
你没有结束</tr>
您已cellspacing="5" - 已更改为cellspacing="0"

以下是带有更正的代码

<table border="0" cellpadding="0" cellspacing="0" style="width: 900px;"> <tbody>
<tr><td valign="top" width="209">

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200" />

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200"/></td></tr>

</tbody></table>

以下是处理jsFiddle的代码

Demo Of Above Code

Answer 2

您已将图像上的边框和填充归零，但可能存在边距。尝试将margin-top，margin-bottom等归零

图像是在一个表格单元格中还是在单独的表格单元格中？ CELLSPACING =＆＃34; 5＆＃34;将在单元格之间添加间距，并且表格单元格可以添加填充。

尝试在浏览器的检查器中加载您的页面。我对IE不太了解，但Firefox和Chrome都有办法查看所选节点上的所有边距，填充等。

HTML：需要帮助减少图像表行之间的空白区域

2 个答案: