css - 如何获得 Tumblr 帖子网格布局？

Question

我希望它#postholder在以下 HTML 中有两个内联帖子：

<div id="postholder">
<div id="post">
{block:Posts}
{block:Photo}<a href="{Permalink}"><img src="{PhotoURL-400}" alt="PhotoAlt" class="photo"></a>{/block:Photo}
{block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
{/block:Posts}
</div>

这是两者的 CSS#post和#postholder：

#postholder{
    border:dotted;
    width:807px;
    left:-400px;
    margin-left:60%;
    position:fixed;
    top:10px;
}

#post{
    width:400px;
    float:left;
    width: 400px; 
    position: relative; 
    margin: 1%; 
}

在某种程度上像这样：http ://unrealisticness.tumblr.com/

Answer 1

它应该是：

{block:Posts}
<div id="post">
...
</div>
{/block:Posts}

这样，“帖子” div 会为每个帖子呈现，而不是将所有帖子都包含在其中。