如何从django设置html内联css

大家好,， 在渲染django视图中的数据时，我遇到了一个问题。 我想使用视图中生成的CSS数据来在模板中使用。 我尽了我所能， 我将元素插入RequestContext，并将其发送到模板 从这里开始，我尝试将CSS样式的数据插入到div标记中

这是我视图中的css数据，它们位于左：xx px顶部：xx px位置

coords = {'usa':['usamap.png',['635px','322px'],['592px','381px'],['541px','398px'],['115px','582px']],
           'canada':['canadamap.png',['201px','336px'],['377px','565px'],['420px','600px'],['441px','648px']]
             }

template = loader.get_template('polls/phasex.html')
context = RequestContext(request,{'id_list':id_list,'country':country,'coords':coords[key],'temp':temp,})
return HttpResponse(template.render(context))

在模板上，我正在尝试访问数据：

<div style={{'left: '|add:coords.1.0|add:'; top: '|add:coords.1.1|add:';'}} >
<text>{{'left: '|add:coords.1.0|add:'; top: '|add:coords.1.1|add:';'}}</text>

实际上，我应该在跑步时得到这个：

<div style = 'left: 635px; top: 322px'>

但我在网页上看到：

<div style="left:" 635px;="" top:="" 322px;="">
<text>left: 635px; top: 322px;</text>
</div>

我不明白哪里出了问题？文本框用于调试。它的打印正确，但我没有得到相同的内部css样式

---

提前感谢

您必须在引号内放置变量，如下所示：

<div style="left:{{ variable }}"></div>

而不是像这样

<div style={{ "left: variable" }}></div>