假设我有一个包含3列的div
容器,我希望Jekyll能够填充所有帖子。我看到limit
Liquid语法,但无法弄清楚如何在每个第3个博客之后附加div容器。这可能吗?
假设我有9个帖子;我应该看到包含3行column-container
的3列。
{% for post in site.posts %}
<div class="column-container">
<!-- col 1 -->
<div class="column">
<p>1 {{ post.title }}</p>
</div>
<!-- col 2 -->
<div class="column">
<p>2 {{ post.title }}</p>
</div>
<!-- col 3 -->
<div class="column">
<p>3 {{ post.title }}</p>
</div>
</div>
{% endfor %}
答案 0 :(得分:1)
如何使用cycle filter并做这样的事情......
{% for post in site.posts %}
<div class="column-container">
<div class="column {%cycle 'col1', 'col2', 'col3'%}">
<p>1 {{ post.title }}</p>
</div>
</div>
{% endfor %}
然后使用CSS来设置它们的样式。
.column { float: left }
.col1 { clear: left }