如何删除表行之间的空间?

时间:2015-03-26 15:54:53

标签: html html-table row

我已经看到了几个答案,但我无法让它发挥作用。我想删除行之间的空白区域,以便我的表格中的图像基本上触摸(看起来像一个完整的图像)。


<center> <table class="table3">

<tr><img alt="ZE40" src="images/showroom/volkracing.PNG" title=""></tr>

<tr> 
<td><img alt="ZE40" src="images/showroom/ze40.jpg" title=""></td>
<td><img alt="TE37" src="images/showroom/te37ultratrack.jpg" title=""> </td>
<td><img alt="TE37" src="images/showroom/te37ultra.jpg" title=""></td>
<td><img alt="TE37" src="images/showroom/te37ultral.jpg" title=""></td>
<td><img alt="TE37" src="images/showroom/g27.jpg" title=""></td>
 </tr>
</table></center>

我的CSS:

.table3{

border-collapse:collapse;
border-spacing: 0;

}

这是正确的方法吗?请注意;我的网站上有其他名单,我不想影响。

1 个答案:

答案 0 :(得分:0)

如果可以,请尝试将其应用于表格中的图片:

.table3 img{
    display: block;
}