Html Django模板空白

Html Django模板空白,html,django,Html,Django,我不知道这里发生了什么事。在模板中使用缩进时,跨度元素之间会出现不需要的空格。即: <div> <span class="empty-space"></span> {% for dia in dias %} <span class="{% cycle "dia-par" "dia-impar" %}">{{ dia }}</span> {% endfor %} </div> {dia中dia的百分比%} {{dia}

我不知道这里发生了什么事。在模板中使用缩进时,跨度元素之间会出现不需要的空格。即:

<div>
<span class="empty-space"></span>
{% for dia in dias %}
  <span class="{% cycle "dia-par" "dia-impar" %}">{{ dia }}</span>
{% endfor %}
</div>

{dia中dia的百分比%}
{{dia}}
{%endfor%}

所以我不得不写一些可读性较差的表格:

<div>
<span class="empty-space"></span>{% for dia in dias %}<span class="{% cycle "dia-par" "dia-impar" %}">{{ dia }}</span>{% endfor %}
</div>

{%dias%}{{dia}{%endfor%}


以获得所需的功能。我已经尝试使用左/右边距:0px。和{%spaceless%}。知道发生了什么吗?

span是一个内联元素,因此考虑了空格

Django有一个
spaceless
标记,您可以使用它来解决此问题,因为它删除了标记之间的空格:

它允许您保持模板结构不变,但是输出将没有额外的空间

您还可以从css级别攻击它,并将span的
显示设置为
内联块