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

Posted 2023-02-24

【中文标题】在 Django 中，我试图显示“for loop”的输出

【英文标题】：In Django I'm trying to display the output of "for loop"

【发布时间】：2020-10-30 22:06:27

【问题描述】：

在 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

【问题讨论】：

您能否在问题中提供一个示例预期输出？

预期输出 - codepen.io/andymerskin/pen/XNMWvQ@JoeW

【参考方案1】：

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