爲什麼這張桌子上有邊框？

在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

爲什麼這張桌子上有邊框？

回答

相關問題