Django 模板空白答案

【问题标题】：Django Template WhitespaceDjango 模板空白
【发布时间】：2012-01-02 16:14:53
【问题描述】：

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

<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%}。有什么想法吗？

【问题讨论】：

标签： html django

【解决方案1】：

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

Django 有一个spaceless 标签，您可以使用它来解决这个问题，因为它会删除标签之间的空格： https://docs.djangoproject.com/en/3.2/ref/templates/builtins/#spaceless

它允许您保持模板结构不变，但输出将没有额外的空格。

您也可以从 CSS 级别对其进行攻击，并将 span 的 display 设置为 inline-block。

【讨论】：