В Django я пытаюсь отобразить вывод «для l oop» - PullRequest
Новая
       21

В Django я пытаюсь отобразить вывод «для l oop»

0 голосов
/ 10 июля 2020

In Django Я пытаюсь отобразить вывод «for l oop» один рядом с другим, но я получаю поля один под другим. как отобразить содержимое для l oop рядом

файл шаблона 

{% 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

1 Ответ

0 голосов
/ 10 июля 2020

Попробуйте добавить flex-direction: row в свой класс бокса или класс содержимого в файле css.

...