多个项目的django模板行 [英] django template rows of multiple items

查看：25
本文介绍了多个项目的django模板行的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在创建一个目录，其中有一个未定义长度的项目列表.我想把它排成一行，每行三列.所以我有以下 html:

<div class="三列">第 1 项
<div class="三列">项目 2

<div class="三列">第 3 项

<div class="row"><div class="三列">第 4 项

<div class="三列">第 5 项

<div class="三列">第 6 项

我不知道如何将其实现为 Django 模板?如何拆分它以便在三个项目之后开始一个新行?

解决方案

试试这个:

{% 为 item 中的 item %}<div class="三列">{{ item }}
{% if forloop.counter|divisibleby:3 %}
<div class="row">{％ 万一 ％}{% 结束为 %}

I'm creating a catalogue, where there is a list of items of undefined length. I want to spit it out in rows with three columns each. So I have the following html:

<div class="row">
    <div class="three columns">item 1
    </div>
    <div class="three columns">item 2
    </div>
    <div class="three columns">item 3
    </div>
</div>
<div class="row">
    <div class="three columns">item 4
    </div>
    <div class="three columns">item 5
    </div>
    <div class="three columns">item 6
    </div>
</div>

I'm stuck as to how I can implement this as a django template? How can I split it up so that a new row starts after three items?

解决方案

Try something like this:

<div class="row">
{% for item in items %}
    <div class="three columns">{{ item }}
    </div>
    {% if forloop.counter|divisibleby:3 %}
</div>
<div class="row">
    {% endif %}
{% endfor %}
</div>

这篇关于多个项目的django模板行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
其他开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆