python - 如何在 python-django 中水平查看元素

Question

如何在 python-django 中使用 ListView 以水平方式对齐元素。

通过使用 ListView ，会发生垂直对齐的默认操作

下面的代码从数据库中获取数据并以垂直对齐的形式显示

python :-

class HomePageView(generic.ListView):
    template_name = 'Home/index.html'
    context_object_name = 'Events_List'

    def get_queryset(self):
        return Event.objects.order_by('id')

HTML:-

<div id="Events">
    <h2>Events</h2>
    {% if Events_List %}
        {% for Events in Events_List %}
            <div id="Events-list">
               <p>{{Events.Event_title}}</p>
            </div>
            <p></p>
        {% endfor %}
     {% else %}
         <p>No polls are available.</p>
     {% endif %}
 </div>

截图:-

我需要水平对齐这些 div

Answer 1

可能是这样

.boxes > div{
  width: 100px;
  height:100px;
  display:inline-block;
  float:left;
  background-color: red;
  margin-right: 6px;
}

<div class="boxes">
  <div>box1</div>
  <div>box2</div>
</div>