html - 如果我的 html 看起来乱七八糟，Django 循环模板将不允许换行 我该如何解决这个问题？

Question

我正在努力掌握Django的循环模板标签的用法。我在 html 中的布局是从右到左 3 个帖子，从上到下 5 个帖子。我使用了循环标签，以便在第六个帖子之后，一个水平条在我的行的整个宽度下方。我想在那里放广告。所以它看起来像这样

123
456
---
123
456
789

我在玩了一会儿代码后有点想通了。我现在的困境是我想将我的广告代码放在栏所在的位置。但是代码太长了，如果我换行，即使我使用这个\它仍然会扰乱我的 html。我现在的方式是这样的

{% block content %}

    <div class="row" id="scheme">
        {% for post in posts %}
            <div class="col-xs-12 col-md-4" id="split">
                <div class="thumbnail thumb">
                    <h6 id="date">{{ post.publish|date }}</h6>

                    {% if post.image %}
                        <img src="{{post.image.url}}"  class="img-responsive post">
                    {% elif post.image_url %}
                        <img src="{{post.image_url}}"  class="img-responsive post">
                    {% else %}
                        <p>upload an image</p>
                    {% endif %}

                    <div style="border-bottom: thin solid lightslategray; padding-bottom: 15px;"></div>

                    <div class="caption" id="cap">
                        <a href="{{ post.get_absolute_url }}">
                            <h5 class="post-title" id="title">{{post.title}}</h5>
                        </a>

                        {% if user.is_authenticated %}
                            <p>
                                <a href="{% url 'blog:delete' post.id %}" class="btn" role="button">delete</a>
                                <a href="{% url 'blog:update' post.slug %}"  class="btn" role="button">edit</a>
                            </p>
                        {% endif %}
                    </div>
                </div>
            </div>
            {% cycle "" "" "" "" "" "<div id='adspace' class='col-xs-12 col-lg-12' style='height:200px; background-color: #5b80b2; margin-bottom: 60px'></div>" "" "" "" "" "" "" "" "" "<div class='col-sm-12'></div></div><div class='row'>" %}
        {% endfor %}
    </div>

    {% include "pagination.html" with page=posts %}

{% endblock content%}

循环模板太长了。我希望有更复杂的方法来做到这一点。什么是使用循环标签的更好方法或更短的方法？我愿意接受任何建议。谢谢大家。

Answer 1

要在循环的第六项之后插入一些特殊内容，只需使用 forloop 计数器 ( docs ):

{% for post in posts %}

    ... Post content here

    {% if forloop.counter == 6 %}
        <div id='adspace' class='col-xs-12 col-lg-12' style='height:200px; 
        background-color: #5b80b2; margin-bottom: 60px'></div>
    {% endif %}

{% endfor %}

同样，您可以在循环中的其他特定计数器点添加其他内容。