html - 照片集底部和边框之间的空白

Question

我在图片帖子的底部和我的 tumblr 页面的边框之间出现了空白。我在这行 css 中插入了 vertical-align: bottom;

.entries img { 
vertical-align: bottom;    
{block:ifbiggerposts}max-width:500px;{/block:ifbiggerposts}
{block:ifnotbiggerposts}max-width:400px;{/block:ifnotbiggerposts}
{block:iffadingimages}{block:indexpage}opacity:.7;{/block:indexpage}{/block:iffadingimages}
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;}

现在空白区域只出现在照片集下。我试过插入

img {
display:block;
}

但这也没有解决问题。

这是我的主题的 pastebin http://pastebin.com/2iE93Hq3

这是我的 tumblr 页面:http://neverwakeasnorlax.tumblr.com/

问题的一个例子是第 3 篇帖子，其中包含 Pokemon Zapdos Moltres 和 Articuno 的 gif 图片

Answer 1

div 容器上的边距会产生间隙:

.photoset .photoset_row {
    margin-top: 10px;
}