如何在django模板中调试奇怪的文物？

Question

我使用django模板在网页中呈现我的分层树。在渲染树的过程中，我看到节点之间的这些奇怪的空格：

这是我的递归模板：

的index.html：

<ul class="Container">
    <li class="IsRoot">
        <div class="Expand">
        </div>
        <div class="Content">
            Содержание
        </div>
    </li>
    {% include 'list.html' with data=list %}
</ul>

和list.html（作为递归部分）：

<ul class="Container">
    <li class="Node ExpandClosed">
        <div class="Expand"></div>
        <div class="Content">
            <a href="/help/{{data.name}}">
                {{data.content}}
            </a>
        </div>
        {% for item in data.decendent %}
            {% include 'list.html' with data=item %}
        {% endfor %}
    </li>
</ul>

如何使用此模板调试问题以及发生的时间段？如您所见，我不会在此模板中生成任何空格。

Answer 1

空格不是问题，它不会导致渲染树中的空格。原因似乎是您将ul元素直接嵌套在li内，这严格来说不是有效的：它们应该位于parseFloat(obj.lat) 内。