时间戳

首页 > 解决方案 > 在 Django 中，我试图显示“for loop”的输出

django - 在 Django 中，我试图显示“for loop”的输出

问题描述

在 Django 中，我试图将“for loop”的输出一个接一个地显示，但我将一个框放在另一个框的下方。如何并排显示for循环的内容

模板文件

{% for post in post_list %}
    <div class="box">
      <div class="content">

        <h1><a href="{% url 'post_detail' pk=post.pk %}">{{post.title}}</a> </h1>

            {% if post.photo %}
    <img src="{{ post.photo.url }}" class='' height='235' width='235'>
        {% endif %}

        <h3>{{ post.text|safe|linebreaksbr }} </h3>
          
            <p>published on {{post.published_date|date:"D M Y"}}</p>

          <ul>
          <li><form action="{% url 'like_post' post.pk %}" method="POST">
              {% csrf_token %}
              
         <a>   <button type="submit" name="post_id" value="{{ post.id }}" > Like </button> </a>
                          {{ post.likes.count }}
          </form></li>

      <li><a href="{% url 'post_detail' pk=post.pk %}">Comments</a>{{ post.approve_comments.count }}
</li>

          </ul>
        <br>
    </div>
    </div>

css 文件


.box{
  position: relative;
  width: 400px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #222222;
}
.content
{

  padding: 10px;
  color: #fff;
}


  [1]: https://i.stack.imgur.com/q7ZGu.png

标签： djangofor-loopdjango-templates

解决方案

尝试flex-direction: row在 css 文件中添加到您的框类或内容类。

推荐阅读