Django模板空白

Question

我不知道这里发生了什么。当我在模板中使用缩进时，跨度元素之间会出现不期望的空格。即：

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

所以我被迫写的少可读的形式：

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

，以获得所需的功能。我已经尝试使用margin-left/right：0px。和{％spaceless％}。任何想法发生了什么？

Answer 1

span是一个内联元素，因此将空白区域记入帐户。

的Django有spaceless标签，你可以用它来解决这个问题，为消除标签之间的空间： https://docs.djangoproject.com/en/1.3/ref/templates/builtins/#spaceless

它可以让你保持模板结构原样，但输出将没有多余的空间。

您还可以从css级别攻击它，并将跨度的display设置为inline-block。