爲什麼邊距填充在表格td和tr中不起作用？

<table border="0" style="padding:10px;width: 960px;border-collapse: collapse;"> 

    <tbody> 
<tr> 
<td style="padding: 0"><img src="8.jpg" alt="" /></td> 
<td style="padding: 0"><img src="98.jpg" alt="" /></td> 
<td style="padding: 0"><img src="998.jpg" alt="" /></td> 
<td style="padding: 0"><img src="1998.jpg" alt="" /></td> 
</tr> 
<tr> 
<td style="background-color: #757575;">11194</td> 
<td style="background-color: #757575;">11194</td> 
<td style="background-color: #757575;">11194</td> 
<td style="background-color: #757575;">11194</td> 
</tr> 
<tr> 
<td style="padding: 0"><img src="8.jpg" alt="" /></td> 
<td style="padding: 0"><img src="98.jpg" alt="" /></td> 
<td style="padding: 0"><img src="998.jpg" alt="" /></td> 
<td style="padding: 0"><img src="1998.jpg" alt="" /></td> 
</tr> 

</tbody> 
</table>

爲什麼我不能將邊距填充添加到tr和td？我想td（<td style="background-color: #757575;">11194</td>）有margin-right.namely，每個分隔一些空格。但不能工作。如何糾正它。第二個tr在後面的tr之間有一些空格。爲什麼邊距填充在表格td和tr中不起作用？

來源

2012-12-30 user1932607

見我的答案，並提供額外的CSS，如果你已經使用，而不是在表內聯樣式。所以我可以看到問題中是否有某些東西缺失。 – w3uiguru

我猜你所要求的border-collapse;所以請嘗試使用它...

table { 
    border-collapse: collapse; 
}

如果你想添加padding，你可以不喜歡它

table.class_name td { 
    padding: 0; 
}

來源

2012-12-30 06:51:17

你可以試試嗎？我設置了td（ 11194）。這些都與每個連接。兩者都沒有空間。 – user1932607

@ user1932607對不起，但沒有收到你 –

11194 11194我想讓它們之間有一些空白 – user1932607

的原因，因爲你給的填充table元素和td和你正在給padding:0

刪除border-collapse: collapse from table element，您可以在此表中輕鬆處理填充和邊距。

觀看演示搗鼓概念：http://jsfiddle.net/GVt3z/

注：以上撥弄不包含確切的答案。

查看更新的小提琴邊距右空間，但使用不同的技術。

http://jsfiddle.net/GVt3z/1/

來源

2012-12-30 06:51:55 w3uiguru

可以試試嗎？我設置了td（ 11194）。這些都與每個連接。兩者都沒有空間。 – user1932607

你不能給td元素賦予margin，因爲它們都是tr的子元素，而tr是表元素的子元素。 – w3uiguru

您可以給表格元素留有餘量，併爲td元素提供填充。 – w3uiguru

邊距規格被忽略表格單元參見：http://www.w3.org/TR/CSS2/tables.html 和CSS Cell Margin

內部表格元素生成與內容和邊界矩形框。單元格也有填充。內部表格元素不包含有餘量。

如果你想添加填充物，只需設置邊界崩潰：獨立參考：http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse

來源

2012-12-30 07:29:14

但如果在表格中，我想在第一個tr和第二個tr之間沒有空白。但第三tr與第二tr有。謝謝。我添加border-spacing：0到tr，但不工作 – user1932607

添加高度：100％到img元素。 –

這裏是代碼：http://jsfiddle.net/yKTHM/5/ –

爲什麼邊距填充在表格td和tr中不起作用？

回答

相關問題