css - 桌子内的图像下方总是有一点空间

Question

我将为想要现场观看的人提供直接链接。

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

我需要你的帮助。有什么问题，我错过了什么？

score 23 · Accepted Answer

问题实际上不是表格，img 标签是内联元素，默认情况下具有底部间距（我猜是行高，不知道为什么）。

解决方案：div.browseBuilds tr.browseBuilds_piece img { display: block; }

score 3 · Accepted Answer

3

将 display: 块添加到 img。

    .browseBuilds_piece img{
       display:block
     }

于 2013-01-31T12:45:07.190 回答

score 1 · Accepted Answer

看到这个类似的问题。因为img是内联元素，所以 HTML 源代码中标签周围的空格img很重要，并且将被显示。从代码中删除空格

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

或将显示img为块元素，正如Michal 指出的那样。

score 0 · Accepted Answer

用户 cellpadding="0" 和 cellspacing="0" 作为表格属性。

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

score 0 · Accepted Answer

问题可能是单元格间距和单元格填充，但我不确定......这个东西的真正好工具是萤火虫，检查元素你会看到所有使用的样式等......或者尝试像你的 img 一样在 50px 上修复 td 高度

5 回答 5