html - Photoset 之间的边距

Question

我需要一些帮助:

我想在照片集的帖子和照片之间(也是 10 像素)之间保持恒定的边距 (10 像素)。我的问题:如果帖子是照片集，最底部照片的边距和整个帖子的边距加起来为 20px。

我想保留视频、文本等的后边距。

这是页面:

http://juliuschoenleber.tumblr.com/

顶部图片是单张图片(但也可以是视频)。您可以看到以下照片集的“双倍边距”。

头部代码:

.post{margin-bottom:10px;width:500px; font-size:{text:text     
size}px;width:500px;}

.post img{width:500px;margin-bottom:10px;}

正文代码:

{block:Photo}
<div class="post"align="center">
{block:IndexPage}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" />
{/block:IndexPage}
</div>
{/block:Photo}

{block:Photoset}
<div class="post"align="center">
{block:Photos} 
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{/block:Photos} 
</div>
{/block:Photoset}

我尝试了不同的东西。但这只会让边距更加困惑。

感谢您的帮助。

Answer 1

试试这个

.post img {
    width: 500px;
    margin-top: 10px;
}
.post img:first-child {
    margin-top: 0px;
}