css - 在Jinjia2中,如何在html样式中使用变量值?

标签 css html jinja2 templating

我想根据变量值将小图像放置在不同位置 - 例如,假设我有一个 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/

相关文章:

html - 从高度0到100的过渡元素,从底部开始

html - sphinx-rtd-theme 中自定义页脚的问题

html - 使用 CSS 对齐表格中的文本

javascript - HTML - 如何在 OnClick 事件中更改按钮背景颜色

internet-explorer - 链接内联 block 跨度和 Internet Explorer

javascript - 错误获取DIV ID

python - 如何使用 Python Flask 将 SQL 数据库中的日期符号格式化为 HTML 页面

python - jinja2 链接到静态文件

javascript - 在 Flask 应用上获取日期时间数据时出错

javascript - :focus simultaneously with input of button and search