html - 为什么边距填充在表 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 之间有一些空间。

Answer 1

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

Internal table elements generate rectangular boxes with content and borders. Cells have padding as well. Internal table elements do not have margins.

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