Css 在一张桌子里的图片下面总是有一点空间

我将为那些想看直播的人提供直接链接

只需将其中一个表悬停在列表中，您就会看到图像下总是有一个小空间。我尝试过填充、边距、搜索stackoverflow，并使用了边框间距、边框折叠等，但到目前为止没有任何效果

我需要你的帮助。问题出在哪里？我遗漏了什么？

将用户cellpadding=“0”和cellspacing=“0”作为表属性

<table border="0" cellpadding="0" cellspacing="0" >

问题可能是单元格间距和单元格填充，但我不确定。。。这个东西的真正好工具是firebug，检查元素你会看到所有使用过的样式等等。。或者尝试将td高度固定在50px上，比如你的img

问题不在表中，实际上，img标记是内联元素，默认情况下具有该底部间距（我猜是与行高相关的，我真的不知道为什么）

---

解决方案：

div.browseBuilds tr.browseBuilds\u piece img{display:block；}

将display:block添加到img

    .browseBuilds_piece img{
       display:block
     }

看。由于

img

是一个内联元素，因此

img

标记周围的HTML源代码中的空格很重要，并且会显示出来。或者从代码中删除空白

<td style="vertical-align: middle;"><img src="./themes/default/images/builds/eski.jpg"></td>

---

或者将

img

显示为块元素，如。

我的Firefox上安装了firebug，但我不知道如何检查某些东西。我正在使用Firefox的默认检查功能。你们能告诉我一点吗？用鼠标右键点击元素，然后在firebug中选择inspect元素，将出现蓝色图标；-）然后firebug将以html结构出现，如果您单击某些元素样式将显示在右侧，我如何在css中编写这些属性？编辑：我应用了它，但它仍然是一样的。表{边框间距：0；边框折叠：折叠；}谢谢，它解决了这个问题。将在2分钟内选择它作为答案。

img

标记没有默认的底部间距。只显示HTML源代码中的空白字符，因为默认情况下，

img

是一个内联元素。@LyverKinkki在类似问题上看到了其他可能的修复方法：