如何在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> 

如何对d ebug这个模板有什么问题，在什么时候发生？正如你所看到的，我不会在这个模板中生成任何空格。

Answer 1

白色空间不是问题，它不会导致渲染树中的空间。原因似乎是，你直接在ul s之内嵌套ul元素，这并不严格有效：它们应该在li之内。