为什么cellpadding =“0”不能删除小图像周围的垂直填充？

Question

我将两张小图像（8px）放在没有单元格填充的表格中，但图片上方和下方仍有填充。这仅适用于低于特定大小的图像。为什么呢？

<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td><IMG SRC="http://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Star.svg/8px-Star.svg.png"></td>
</tr>
<tr>
<td><IMG SRC="http://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Star.svg/8px-Star.svg.png"></td>
</tr>
</table>

Answer 1

这是因为图片为inline，因此呈现当前line-height。

将line-height设为8px或将图片设为block：

td {
    line-height: 8px;
}

或..

td img {
    display: block;
}