这是我关于 stackoverflow 的第一个问题,希望能做对。所以,问题是我想每行放 2 个 div 但是当我添加第四个时,第三个和第四个分别向下一行。我试过使用 magin-top 但它只有在第二个 div 比另一个多 1% 时才有效(这不是我想要的)。{% extends "base.html" %}{% block content %} <div class="row-progetti-explorer"> {% for p in all_p %} <div {% if forloop.counter|divisibleby:2 %} class="div-progetti2" {% else %} class="div-progetti1" {% endif %} > <h3> <a href="{% url 'War:detail' p.pk %}"><b>{{ p.nome.title }}</b></a> </h3> <p style="border-bottom: 1px solid darkgreen">Category: <a href="{% url 'War:explore' p.categoria_primaria.name %}">{{ p.categoria_primaria.name }}</a> {% for c in p.categoria_secondaria.all %} <a href="{% url 'War:explore' c.name %}">{{ c.name }}</a> {% endfor %} </p> <a href="{% url 'War:detail' p.pk %}"> <div class="img"> <img src="{{ p.img.url }}"> </div> </a> </div> {% endfor %} </div>{% endblock %}.row-progetti-explorer { height: 100%; width: 100%; text-align: center; display:inline-block; background-color: blueviolet;}.div-progetti1{ border: 2px solid darkgreen; float: left; width: 35%; background-color: red; color: black;}.div-progetti2{ border: 2px solid darkgreen; float: right; width: 35%; background-color: palegoldenrod; color: black;}正如我所说,我每行有 2 个 div(第一个链接)
添加回答
举报
0/150
提交
取消