python - 在 Jinja2 模板中将项目均匀地分成列

Question

我有一个可变的城市名称列表，我想将它平均分成 4 列。我有一些解决方案，但它看起来不堪重负和肮脏。最好和最简单的方法是什么？

我的解决方案在这里：

{% set cities_in_column = cities|length/4|int %}
{% set step=0 %}
<div class="four columns">
    {% for city in cities|sort %}
        {% if step > cities_in_column %}
            {% set step = 0 %}
            </div>
            <div class="four columns">
        {% endif %}
        <h5><a href="/city/{{ city.url }}">{{ city.name }}</a> <span style="float:right;">({{ city.users_count }})</span></h5>
        {% set step=step + 1 %}
    {% endfor %}
</div>

Answer 1

您正在寻找slices过滤器：

{% for column in cities | sort | slice(4) -%}
<div class="four columns">
    {%- for city in column -%}
    <h5><a href="/city/{{ city.url}}">{{ city.name }}</a>
    <span style="float:right;">({{ city.users_count }})</span></h5>
    {%- endfor -%}
</div>
{%- endfor %}

还有一个对slices调用的补充，batch它提供了运行n（而不是将可迭代对象分成n组）。

Answer 2

这是 CSS* 的工作：

<ol style="column-count: 4;">
{% for city in cities|sort %}
    <li>
        <a href="/city/{{ city.url }}">{{ city.name }}</a> ({{ city.users_count }})
    </li>
{% endfor %}
</ol>

（*是column-count, float, flex, 等等..）