如何在python django中使用列表视图以水平方式对齐元素。
通过使用列表视图,将执行垂直对齐的默认操作
下面的代码从数据库获取数据并以垂直对齐的形式显示
巨蟒:-
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水平对齐
最佳答案
可能是这样的
.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>