如何删除图像下的空间？

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。