我創建不具有餘量,填充物或邊界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
類的元素有多少,似乎都會在每個表格單元格周圍出現「填充」,從而在圖像和文本之間創建一個空格。
我該如何刪除?
不是問題的答案,但我可以建議你只使用屬性名稱:0(短手版0 0 0 0)...現在它的方式沒有什麼問題,但是如果只有一個0,它會變得更容易。使用「0 0 0 0」方法適用於如果對於任何邊都有不同寬度。 – ClarkeyBoy 2010-11-25 16:00:59
也有同樣的問題,刪除高度屬性做了我的工作 – mervasdayi 2016-10-07 16:05:18