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

Question

我想基于一个变量值将一幅小图像放置在不同的位置-例如，假设我有一个v_position变量，如果其值为50，则图像将位于水平中心，并且如果其值为100，则图像将位于页面上最右侧的位置。

这是我插入图像的行：

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

页面仍会呈现，但是此image.png的位置不会随着不同的v_position值而改变。我怎样才能使它按预期工作？谢谢！

Answer 1

如果您想使用jinja2 variabe将图像定位在左侧，则还应该添加px或类似的东西：

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

现在，您的图片将正确放置。 template_vars["v_position"]=100仅返回100，仅靠样式本身是不够的。

Answer 2

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