以这种格式显示号码列表djang

Question

我试图在django模板中显示我的解析结果，但是目前，我得到的代码和结果如下所示，我想不出其他的东西了。在

我正在努力争取下一行的下五个结果。在

我的代码

{% for number in numbers %}
  {%if not number|divisibleby:"6" %}
    <span>{{ number }}</span>
  {% else %}
    <div>{{ number }}</div>
    <p></p>
  {% endif %}
{% endfor %}

当前结果

^{2}$

我的预期结果应该与

1   2   3   4   5
6   7   8   9   10
11  12  13  14  15
16  17  18  19  20

Answer 1

发生这种情况是因为<div>元素。如果将其替换为<span>，并保持<p>不变，则可以：

{% for number in numbers %}
    <span>{{ number }}</span>
  {%if number|divisibleby:"6" %}
    <p></p>
  {% endif %}
{% endfor %}

Working fiddle of rendered html。在

或者，如果我不喜欢这里的<p>元素，我会这样做：

^{pr2}$

Answer 2

你真的需要django来吗？CSS3有一个:nth-child伪类，它可以满足您的需要

<span>1</span>....<span>n</span>

css

^{pr2}$

但如果你真的需要别的办法，试试这个

{%if number|divisibleby:"5" %}
    <span>{{ number }}</span><p></p>
  {% else %}
    <span>{{ number }}</span>
  {% endif %}
{% endfor %}