爲什麼我的表格單元似乎有填充，即使我已經設置爲不填充？

我創建不具有餘量，填充物或邊界skinny CSS類：爲什麼我的表格單元似乎有填充，即使我已經設置爲不填充？

.skinny 
{ 
    margin:0 0 0 0; 
    padding:0 0 0 0; 
    border:0 0 0 0; 
}

我它施加到行含有還具有施加到它的skinny類的圖像：

<td width="33%" align="center" class="skinny"> 
    <table width="400px" height="180px" class="skinny"> 
     <tr class="skinny"> 
      <td class="skinny" width="60px" height="100px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td> 
      <td class="skinny" width="120px" height="100px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td> 
     </tr> 
    </table> 
</td>

我試圖讓圖像儘可能靠近<h1>文本顯示在下一個單元格中，以便它們從左到右依次向上推。

但是，無論我應用skinny類的元素有多少，似乎都會在每個表格單元格周圍出現「填充」，從而在圖像和文本之間創建一個空格。

我該如何刪除？

來源

2010-11-25 Brian McInerney

不是問題的答案，但我可以建議你只使用屬性名稱：0（短手版0 0 0 0）...現在它的方式沒有什麼問題，但是如果只有一個0，它會變得更容易。使用「0 0 0 0」方法適用於如果對於任何邊都有不同寬度。 – ClarkeyBoy 2010-11-25 16:00:59

也有同樣的問題，刪除高度屬性做了我的工作 – mervasdayi 2016-10-07 16:05:18

表本身也給填充。所以表定義需要是

<table width="400px" height="180px" class="skinny" cellspacing="0" cellpadding="0">

來源

2010-11-25 15:16:05 mooizo

謝謝。我剛剛嘗試過，但沒有任何區別。我可以應用類似於細胞本身的東西嗎？ – 2010-11-25 15:18:55

-1

/*刪除填充和餘量*/

* 
    { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

來源

2010-11-25 15:32:37 Vlagorce

這沒有效果。 `瘦'已經這樣做。 – 2010-11-25 17:23:55

圖像被內聯元件和坐在基線，它們被視爲就像沒有一個信下行（即像a，b和c但不是g，j和y）。

圖像設置爲display: block避免這種（或vertical-align擺弄）

更妙的是，因爲它看起來像你有一個1x2的表：不要使用表格佈局

來源

2010-11-25 15:45:02 Quentin

`display：block`在這裏沒有效果。 – 2010-11-25 17:24:35

它可能不填充只是試試這個

border-collapse:collapse;

來源

2010-12-08 17:33:24

摺疊利潤率

晚會之後，但這是因爲您的h1標籤最有可能有頂部或底部的邊緣。邊界一直向上到達DOM中最上面的元素，直到找到一個帶有填充頂部或填充底部的元素不等於0（這會中斷塌陷）爲止。這是一個非常令人生氣的功能。

當我至少期待它時，崩潰邊緣總會回來咬我，而且調試非常棘手。

來源

2012-11-13 17:20:38 Ally

添加到您的tr的& td的

cellpadding="0" 
cellspacing="0"

來源

2015-05-25 11:52:47 Trolzie

我有同樣的問題，而用Google搜索小時。問題是在td元素上設置高度。如果內容高度是60px，td高度是120px，則每個頂部和底部都會有30px的填充。

因此正確答案是：

<td width="33%" align="center" class="skinny"> 
    <table width="400px" height="180px" class="skinny"> 
     <tr class="skinny"> 
      <td class="skinny" width="60px"><a class="skinny" href="/"><img class="skinny" width="60px" height="100px" id="snapshot" src="/images/snapshot.png"></a></td> 
      <td class="skinny" width="120px"><a class="skinny" href="/"><h1 class="skinny">Product</h1></a></td> 
     </tr> 
    </table> 
</td>

（除去高度）

來源

2016-10-07 16:03:37 mervasdayi

爲什麼我的表格單元似乎有填充，即使我已經設置爲不填充？

回答

相關問題