如何将每个循环值放入 django 中的单独 div答案

【问题标题】：How to put each loop value into separate divs in django如何将每个循环值放入 django 中的单独 div
【发布时间】：2021-05-01 12:45:56
【问题描述】：

这是我的 html 页面。我希望将每个“问题”放在单独的 div 中，以使它们看起来不错。所以我输入了以下代码：

{% for post in object_list %}
    <div class="myDiv">
    <a href="{% url 'article' post.pk %}">{{ post.title }}</a> <br>- {{ post.author }} , {{ post.date.date }}<br>
    </div>
{% endfor %}

但这就是它的作用：

它会创建一个大 div 并将所有帖子/问题放在其中。如何将它们分开？

这是我的 CSS：

         .myDiv {
          background-color: #012B39;
          text-align: left;
          margin: left;
          width: 25%;
          }

我们将不胜感激！谢谢

P.S 我将更改字体颜色以使它们在 div 中可见。

【问题讨论】：

这不是一个大 div，请在浏览器中使用检查元素进行检查。您的 div 根本没有任何顶部或底部边距，并且背景颜色看起来像一个大 div。
你可能是对的...你能写一个我能接受的答案吗？

标签： html css django django-views

【解决方案1】：

并不是所有的元素都呈现在一个div中。您的 div 根本没有任何底部/顶部边距和背景颜色，它看起来像一个 div 标签。您应该检查浏览器中的检查元素以确保。一个简单的解决方法是在 CSS 中添加一些底部/顶部边距：

.myDiv {
    background-color: #012B39;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 25%;
}

根据您的方便调整边距。

【讨论】：

【解决方案2】：

你试过吗？您通常在开始循环之前启动 div。

<div class="myDiv">
{% for post in object_list %}
    <a href="{% url 'article' post.pk %}">{{ post.title }}</a> <br>- {{ post.author }} , {{ post.date.date }}<br>
{% endfor %}
</div>

【讨论】：