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

时间:2014-02-02 05:20:31

标签: html css image whitespace tumblr

我在图片帖子的底部和我的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;
}

但这也没有解决问题。

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

的pastebin

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

问题的一个例子是使用口袋妖怪Zapdos Moltres和Articuno的GIF的第3篇帖子

1 个答案:

答案 0 :(得分:0)

div容器上有一个边距会产生间隙:

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