为什么这张桌子上有边框？

在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但遇到了一些其他问题。

来源

2010-07-26 Nathan Osman

**此现已解决** – 2010-07-26 06:46:38

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

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

编辑：适用display:block;对第一个表行的所有图像2-3。含义#topbar_site img和#topbar_log img

来源

2010-07-26 06:21:36

或者设置图像样式垂直对齐：底部;因为它坐在基线上 – 2010-07-26 06:23:39

正如我的文章所述。 – 2010-07-26 06:24:02

是的，对不起，我看到后，我评论:)我个人喜欢设置对齐比使它成为一个块元素。 – 2010-07-26 06:24:49

添加CELLPADDING =“0”和CELLSPACING =“0”表元素

来源

2010-07-26 06:26:08

是不是这样设置'border-collapse：collapse'（对于TABLE）和'padding：0px'（对于每个TD）？ – 2010-07-26 06:27:54

@George：如果仅仅是因为不同的错误，那么不完全一样。 FF无法在'border-collapse：collapse;'的表中为另一个表中的'tr'表示多个这样的'tr.something {border-bottom：1px solid black}''但它可以正常工作'cellspacing =“0” '。 – 2010-07-26 06:32:28

为什么这张桌子上有边框？

回答

相关问题