Как сделать так, чтобы деления переходили на новую строку? html/css

Итак, мне нужно максимум 3 div'а на строку, поэтому когда я использую цикл "for" после 3 экземпляров он автоматически переходит на новую строку. У меня очень мало знаний в js, поэтому будет лучше, если вы подскажете мне что-то не связанное с ним. Заранее спасибо. (Делаю этот шаблон для своего первого проекта django).

Предположим, что у вас есть список книг. например:

list_of_books = ["Book 0", "Book 1", "Book 2", "Book 3", "Book 4", "Book 5", "Book 6", "Book 7", "Book 8", "Book 9", "Book 10"]

Тогда вам нужно будет сначала преобразовать его в формат, подобный такому

list_of_books = [("Book 0", "Book 1", "Book 2"), ("Book 3", "Book 4", "Book 5"), ("Book 6", "Book 7", "Book 8"), ("Book 9", "Book 10")]

вот как я это сделал

formatted_book_list = []
split = 3

for i in range(0, len(list_of_books), split):
    formatted_book_list.append(list_of_books[i:i+split])

Тогда в шаблоне вы примерно сделаете

{% for book_row in formatted_book_list %}
    {% for book in book_row %}
        {{ book }}
    {% endfor %}
    <br>
{% endfor %}

конечно, замените {{ book }} на то, что вы хотите в этом html

Вернуться на верх