Photoset 之间的边距

Question

我需要一些帮助：

我想在 post 和照片集的照片（也是 10px）之间有一个恒定的边距（10px）。我的问题：如果post是一张照片集，最下面的照片的边距和整个post的边距加起来是20px。

我想为视频、文本等保留 post 边距。

这是页面：

http://juliuschoenleber.tumblr.com/

顶部图片是单张图片（但也可以是视频）。你可以看到'double margin'到下面的照片集。

头部代码：

.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;
}

Photoset 之间的边距

Margin in between a Photoset

html

css

margin

margins