Как отлаживать странные артефакты в шаблоне 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 элементов непосредственно внутри ul s, что, строго говоря, не имеет значения: они должны быть внутри li s.