5 
<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>) 有边距。即，每个都用一些空格分隔。但无法工作。如何纠正它。并且第二个 tr 在以下 tr 之间有一些空间。

4

3 回答 3

7

表格单元格的边距规格被忽略参考：http ://www.w3.org/TR/CSS2/tables.html 和CSS 单元格边距

内部表格元素生成带有内容和边框的矩形框。单元格也有填充。内部表格元素没有边距。

如果你想添加填充，只需设置边框折叠：单独参考：http ://www.w3schools.com/cssref/playit.asp?filename=playcss_border-collapse

于 2012-12-30T07:29:14.213 回答
2

我猜你在问border-collapse;所以尝试使用它......

table {
   border-collapse: collapse;
}

如果你想添加padding你可以这样做

table.class_name td {
   padding: 0; 
}
于 2012-12-30T06:51:17.343 回答
2

原因是因为你在table元素和 on 上提供填充td并且你在给padding:0

border-collapse: collapse从元素中删除table，您可以在此表中轻松处理填充和边距。

请参阅演示小提琴的概念：http: //jsfiddle.net/GVt3z/

注意：上面的小提琴不包含确切的答案。

请参阅更新的小提琴以获取右边距空间，但使用不同的技术。

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

于 2012-12-30T06:51:55.690 回答