html - 为什么我循环中的第一篇文章意外缩进

Question

当我使用循环显示我的帖子时。我循环中的第一篇文章确实意外地缩进了。下面我将提供缩进的代码和图像。

代码:

{% extends 'base.html' %}


{% block content %}


<br/>
<div class="container">   
<h1>Posts</h1>

<ul>
<br/>
{% for post in object_list %}
    {% if forloop.counter <= 15 %}

       
    <li><a href="{% url 'article-detail' post.pk %}"> {{post.title}}</a>
         -  {{ post.author.first_name }} {{ post.author.last_name }} <br/> {{post.body}}</li>
    <br/>
<style>
    a {
        text-transform: capitalize;
    }
</style>
</ul>

    {% endif %}
{% endfor %}

<a href="{% url 'home' %}" class="btn btn-secondary">Back</a>

{% endblock %}

Answer 1

我注意到你的 <ul>标签放在循环之外。但是你的</ul>被放入循环内。

你应该移动你的 </ul>循环外

Example