如何获得Tumblr帖子网格布局?

时间:2013-09-08 18:43:31

标签: css tumblr

我希望以下HTML中的#postholder内嵌两个帖子:

<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>

这是#post#postholder的CSS:

#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/

1 个答案:

答案 0 :(得分:0)

应该是:

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

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