Django为每个帖子创建.row

Question

我第一次用django写作。当我尝试发布模板时，此代码为每个帖子创建一个新的<div class="row"></div>。我该如何解决？

 <div class="container news-card">
{% for post in post_list %}
    <div class="row" stlye="max-width">
        <div class="card" style="width: 300px; height: 440px; margin-top: 60px; margin-left: 20px;">
            <div class="card-img-top m-fix"><img src="https://telgrafs.com/assets/src/news-col1-row1-card-image.png"></div>
            <div class="card-text news-category">Ekonomi</div>
            <div class="card-title news-ct">{{ post.title }}</div>
            <div class="ccard-text news-ctext up-fix">{{post.content|slice:":200" }}</div>
            <div class="card-img-bottom author-image"><img src="https://telgrafs.com/assets/src/profile-kaa.png"></div>
            <div class="card-author-name">{{ post.author }}</div>
            <div class="card-post-time">{{ post.created_on}} </div>
            <a href="{% url 'post_detail' post.slug  %}" class="card-text pb-more">DEVAMINI OKU &rarr;</a> 
        </div>
    </div>
{% endfor %}
</div>
{%endblock%}

Answer 1

如果您不希望在for循环上生成新行，只需将其放在{% for post in post_list %}外部声明。

例如：

<div class="container news-card">
    <div class="row" stlye="max-width">
    {% for post in post_list %}
    <div class="card" style="width: 300px; height: 440px; margin-top: 60px; margin-left: 20px;">
        <div class="card-img-top m-fix"><img src="https://telgrafs.com/assets/src/news-col1-row1-card-image.png"></div>
        <div class="card-text news-category">Ekonomi</div>
        <div class="card-title news-ct">{{ post.title }}</div>
        <div class="ccard-text news-ctext up-fix">{{post.content|slice:":200" }}</div>
        <div class="card-img-bottom author-image"><img src="https://telgrafs.com/assets/src/profile-kaa.png"></div>
        <div class="card-author-name">{{ post.author }}</div>
        <div class="card-post-time">{{ post.created_on}} </div>
        <a href="{% url 'post_detail' post.slug  %}" class="card-text pb-more">DEVAMINI OKU &rarr;</a> 
    </div>
    {% endfor %}
    </div>
</div>
{%endblock%}

此声明{% for post in post_list %}中的所有内容都会对post_list元素中的每一个重复。