在Jinja2中,如何使用html风格的变量值?

In Jinjia2, how to use a variable value in html style?

我想根据变量值将小图像放置在不同的位置 - 例如,假设我有一个 v_position 变量,如果它的值为 50,则图像将位于水平中心, 如果它的值为 100, 图像将在页面的最右边。

这是我插入图像的行:

<img src="image.png" style="position: relative; left: {{ v_position% }};">

页面仍然呈现,但此 image.png 的位置没有随着不同的 v_position 值而改变。我怎样才能让它像我预期的那样工作?谢谢!

您的 Jinja2 表达式中有一个额外的 % 字符。改为{{ v_position }}

如果您想使用 jinja2 变量将图像定位在左侧,您还应该添加 px 或类似这样的其他内容:

<img src="image.png" style="position: relative; left: {{ v_position }}px;">

现在您的图像将正确放置。 template_vars["v_position"]=100returns只有100个,样式本身是不够的