我想根据变量值将小图像放置在不同位置 - 例如,假设我有一个 v_position
变量,如果它的值为 50,则图像将处于水平方向center,如果它的值为100,图像将位于页面的最右侧。
这是我插入图像的行:
<img src="image.png" style="position: relative; left: {{ v_position% }};">
页面仍会呈现,但此 image.png
的位置不会随着不同的 v_position
值而改变。我怎样才能让它按我的预期工作?谢谢!
最佳答案
如果您想使用 jinja2 变量将图像定位到左侧,您还应该添加 px 或其他类似的内容:
<img src="image.png" style="position: relative; left: {{ v_position }}px;">
现在您的图像将正确放置。
template_vars["v_position"]=100
仅返回 100,这对于样式本身来说是不够的。
关于css - 在Jinjia2中,如何在html样式中使用变量值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55421379/