在 Django 模板中，不能直接使用 {{ forloop.counter0 * 3 }} 进行算术运算，需借助过滤器（如 mul）实现数值计算，并确保单位（如 rem）正确拼接。

在 django 模板中，不能直接使用 `{{ forloop.counter0 * 3 }}` 进行算术运算，需借助过滤器（如 `mul`）实现数值计算，并确保单位（如 `rem`）正确拼接。

Django 模板语言（DTL）默认不支持表达式内联计算，例如 {{ forloop.counter0 * 3 }} 或 {{ forloop.counter0 }} * 3rem 均不会被解析为数学运算——前者因语法错误被静默忽略（输出空字符串或 0），后者则将 * 3rem 视为纯文本，导致 x 属性始终为 0（如示例中所有 的 x="0"）。

要实现动态计算（如 x = forloop.counter0 × 3rem），需分两步处理：

1. 使用数学过滤器进行乘法运算：Django 内置过滤器不提供 mul，需安装第三方库 django-mathfilters；
2. 正确拼接单位：将计算结果与单位 rem 分离拼接，避免模板解析歧义。

✅ 正确写法如下：

Django Unfold

提供使用 django-unfold (v0.56+) 构建高级 Django 管理界面的专业指导。当用户提及 django-unfold、unfold admin 等内容时使用此技能。

下载

<svg class="wave α-wave">
    {% for i in '0000000000000'|make_list %}
        <rect width="3rem" height="0.5rem" x="{{ forloop.counter0|mul:3 }}rem"></rect>
    {% endfor %}
</svg>

? 操作步骤：

• 安装依赖：pip install django-mathfilters
• 在 settings.py 的 INSTALLED_APPS 中添加 'mathfilters'
• 确保模板中已加载该应用的过滤器（通常自动生效）

⚠️ 注意事项：

• 不要写成 x="{{ forloop.counter0 |mul:3 }}rem"（管道符前后多余空格会导致过滤器失效）；
• 避免在模板中做复杂逻辑，大量计算建议移至视图或模型中预处理；
• mul 仅支持数字类型，若 forloop.counter0 来源不可信（如来自用户输入），请先在后端校验类型。

通过合理使用 mathfilters，你可以在保持模板简洁的同时，安全、清晰地完成基础数值插值，让 SVG 动画、网格布局等场景的动态定位真正“动起来”。