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

Question

我会为希望看到它的人提供直接链接。

只需悬停其中一个表格列表，您就会发现图片下方总是有一个小空间。我已尝试填充，边距，搜索堆栈溢出，并使用边框间距，边框折叠等但到目前为止没有任何帮助。

我希望得到你的帮助。有什么问题，我错过了什么？

Answer 1

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

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

Answer 2

将display：block添加到img。

    .browseBuilds_piece img{
       display:block
     }

Answer 3

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

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

Answer 4

问题可能是cellspacing和cellpadding但我不确定...这个东西真的很好的工具是firebug，inspect元素你会看到所有使用的样式等..或尝试修复50px的td高度像你的img

Answer 5

见this similar question。由于img是内联元素，因此img标记周围的HTML源代码中的空格会显示。从代码中删除空格

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

或将img显示为块元素，Michal has pointed out。