删除表格图像之间的填充

Question

在我的一生中，我无法摆脱徽标与其下方其他图像之间的填充。我圈出了间距。图像应相互对齐。没有空白。我错过了什么？

我的代码：

table {
  border-spacing: 0px;
}

tr {
  padding: 0px;
}

td {
  padding: 0px;
}

td.purpSpacerAlign {
  vertical-align: bottom;
}

img {
  vertical-align: top;
}

<table>
  <tr>
    <td colspan="9">
      <img src="images/logo_lt.gif"></td>
    <td colspan="3">
      <img src="images/logo_rt.gif"></td>
  </tr>

  <tr>
    <td>
      <img src="images/purple_line_lt.gif" width="23" height="27"></td>
    <td>
      <img src="images/nav_grad_home.gif"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="32"></td>
    <td>
      <img src="images/spacer.gif" width="5"></td>
    <td>
      <img src="images/spacer.gif" width="20"></td>
    <td>
      <img src="images/logo_crafts.gif"></td>
    <td>
      <img src="images/top_grad_line.gif"></td>
    <td class="purpSpacerAlign">
      <img src="images/spacer_purple.gif"></td>
  </tr>
</table>

Answer 1

没有任何上下文，这很难回答。我假设这是一个 HTML 表格？虽然这只是一种解决方法，（没有看到您的代码），

尝试将其添加到您的 html 中，看看是否有帮助：

<style>
* { margin: 0; border: 0; padding: 0}
</style>

Answer 2

直接在元素上

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

使用 CSS

table {
    border-collapse: collapse;
}
th, td {
    padding: 0;
}