1

我尝试使用 forloop.last 模板标签

<div class="panel-body">
{% for card in cardlist.card_set.all %}
    {% if forloop.last %}
    <div class="well" style="margin-bottom: 0px;">{{ card.title }}</div>
    {% else %}
    <div class="well" style="margin-bottom: 20px;">{{ card.title }}</div>
    {% endif %}
{% endfor %}
</div>

我如何像下面的源代码一样重构上面的源代码?

在重构的源代码中,“margin-bottom: {{margin-bottom}} px;” “{{margin-bottom}}”中的错误。

<div class="panel-body">
{% for card in cardlist.card_set.all %}
    {% if forloop.last %}
        margin-bottom = 0
    {% else %}
        margin-bottom = 20
    {% endif %}
    <div class="well" style="margin-bottom: {{  }}px;">{{ card.title }}</div>
{% endfor %}
</div>
4

1 回答 1

0

你可以试试:

<div class="panel-body">
{% for card in cardlist.card_set.all %}
    <div class="well" style="margin-bottom:{% if forloop.last %}0px{% else %}20px{% endif %};">{{ card.title }}</div>
{% endfor %}
</div>
于 2017-09-04T14:59:48.160 回答