在Jinja2中，如何在html样式中使用变量值？

Question

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

这是我插入图像的行：

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

页面仍然会被渲染，但这个image.png的位置不会随着v_position值的变化而变化。我怎么能按照我的预期使它工作？谢谢！

Answer 1

如果你想使用jinja2变量将图像放在左边，你还应该添加px或其他类似的东西：

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

现在您的图像将正确放置。 template_vars["v_position"]=100returns只有100，这对于风格本身来说还不够。

Answer 2

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