В Jinjia2, как использовать значение переменной в стиле 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"]=100 возвращает только 100, этого недостаточно для самого стиля.

Answer 2

В вашем выражении Jinja2 есть дополнительный символ %. Сделайте вместо этого {{ v_position }}.