html - 为什么这张 table 上有边框？

Question

关于 this页面，似乎有一个小问题......有一条白色显示。

这是相关的 HTML:

<table id="topbar"> 
 <tr> 
  <td id="topbar_logo"> 
   <a href="http://stackmobile.com/" style='padding: 0px;'>
    <img src='images/logo.png'
         style='width: 48px; height: 40px; border: 0px; margin: 0px;' />
   </a> 
  </td> 
  ...
 </tr> 
</table>

...和 ​​CSS:

#topbar {
    width: 100%;
    border-collapse: collapse;
    background-image: url(images/top_bg.png);
    background-repeat: repeat-x;
    height: 40px;
    margin: 0px;
}

#topbar_logo {
    padding: 0px;
    width: 48px;
    height: 40px;
}

我已尽一切努力让银条消失。我该怎么做？

注意:我无法切换到 DIV - 事实上，我最初使用的是 DIV，但遇到了一些其他问题。

Answer 1

它是下行空间，因为图像是内联的。您可以将其设置为阻止。

http://work.arounds.org/mysterious-white-space-gap-under-image-elements/

编辑:将display:block; 应用到第一个表格行中的所有 2-3 个图像。含义 #topbar_site img 和 #topbar_log img