为什么边距填充在表 td 和 tr 中不起作用？

Question

<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 之间有一些空间。

原文由 user1932607 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 macio.Jun 发布，翻译遵循 CC BY-SA 3.0 许可协议