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

Question

我将两张小图片 (8px) 放在 table 中，没有单元格填充，但图片上方和下方仍然有填充。这只发生在特定尺寸以下的图像上。为什么？

<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;
}

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

Why does cellpadding="0" not remove vertical padding around small images?

html

css

html-table