html - 如何去除图片下的空格？

Question

所以这是我的问题，在我的 tumblr 上的图片下方出现了一个小的空白区域，但该空间仅显示在照片集下方，而不是照片下方。

我的 CSS 上有：

#post{padding:10px;}
#post img{display:block;}

然后在我的html上：

{block:Posts}
<div id="post">
{block:Photo}<img src="{PhotoURL-500}"/>{/block:Photo}
{block:Photoset}{Photoset-500}{/block:Photoset}
</div>
{/block:Posts}

但是照片集在图像下方添加了 3px 的空间，无缘无故地将填充变为 13px。有人可以帮我解决这个问题吗？

Answer 1

img {
display:block;
}

应该修复它

Answer 2

.post{line-height:0;}

我有同样的问题，这解决了它。基本上，img 标签的父级需要将 line-height 设置为 0。