Django 为每个 post 创建 .row

Question

我第一次用 Django 编写。当我尝试 post 模板时，此代码为每个 post 创建一个新的 <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 元素重复。

Django 为每个 post 创建 .row

Django creating .row for every post

html

css

django

blogs