Как выводить по три блока DIV в строку?

Question

[Искандер Мамедов]

Имеется вывод объектов Django на страницу, как выводить по три элемента в строку?
То есть после каждого третьего элемента происходил переход на новую строку.

Answer 1

[Станислав Фатеев]

Используйте forloop.counter в шаблоне:

<div class="container">
<div class="row">
{% for object in objects %}
    <div class="cell">{{ object }}</div>
    {% if forloop.counter|divisibleby:3 %}
     </div>
     <div class="row">
    {% endif %}
{% endfor %}
</div>
</div>

На каждом третьем объекте будет создаваться новый div с классом row.

А в css можно засунуть что-то вроде такого:

.container {
    display: table;
 }

.row  {
    display: table-row;
}

.cell {
    display: table-cell;
}