如何删除 table 行之间的 space？

Question

我已经看到了几个答案，但我无法让它发挥作用。我想删除行之间的白色 space 以便我的 table 中的图像基本上接触（看起来像一个完整的图像）。

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

}

这样做正确吗？请注意;我的网站上还有我不想影响的其他列表。

Answer 1

如果可行，请尝试将其应用于您 table:

中的图片

.table3 img{
    display: block;
}

如何删除 table 行之间的 space？

How do I remove space between table rows?

html

row

html-table