【问题标题】:How do I remove space between table rows?如何删除表格行之间的空间?
【发布时间】:2015-05-30 17:53:27
【问题描述】:

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


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

}

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

【问题讨论】:

  • 你试过img { display: block; }吗?
  • 这适用于 Beamer,但有没有办法只将它分配给该表?谢谢

标签: html html-table row


【解决方案1】:

如果可行,请尝试仅将其应用于表格中的图像:

.table3 img{
    display: block;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-07-17
    • 2023-02-15
    • 1970-01-01
    • 2013-01-09
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 2011-01-17
    相关资源
    最近更新 更多