如何关闭图像表中的空间？

Question

这是用于密集显示状态信息。我希望能让这些图像相互对接。多余的空白来自哪里？

以下是生成的表元素的外观：

<table>
<tr>
<td><small>anim-dept</small></td>
<td>
  <a href="http://foo/bar">
    <img height="24" width="32" src="http://foo/bar.jpg">
  </a>
</td>
....

Answer 1

如下表所示，使用css中的border-collapse:collapse

table{
    border-collapse:collapse;
}

或仅针对ID为images的特定表格

table#images{
    border-collapse:collapse;
}

或（如果你没有css）

<table cellspacing="0">

DEMOS： without border-collapse和with border-collapse以及without css but cellspaacing

Answer 2

这可能不是最佳解决方案，但我可以通过添加：

来解决这个问题

tr {
    display:inline-block;
    height:24px;
}

css border-collapse: collapse似乎只适用于列，行仍然有间距。将行设置为内联块而不是表行似乎可以修复它，尽管我说它可能不是最好的解决方案。

Answer 3

将TABLE的{​​{1}}和CELLSPACING设置为零 请注意，您可能需要将填充样式添加到第一个表行单元格中。

CELLPADDING