如何使用 Django 变量设置 HTML 元素的宽度？答案

【问题标题】：How do I set the width of a HTML element with a Django variable?如何使用 Django 变量设置 HTML 元素的宽度？
【发布时间】：2021-03-03 07:07:15
【问题描述】：

现在，我有一本字典，其中存储了每个元素及其宽度。我用 Django 将它传递给一个 HTML 模板，在那里我用一个 for 循环渲染每个 dict 对象。但是，我需要能够使用 Django 模板中的内容设置“div”的宽度。所以基本上，如果我在字典中有“100%”，那么我希望相应的 div 也有 100% 的宽度。我尝试的代码如下，但它不起作用，并且在控制台中显示“无效的属性值”。

Python 代码：

objects={"key": "100%", "key2": "90%"}
return render(request, "website/updates.html", {
    "objects": objects
})

网站/updates.html

{% for item, width in objects.items %}
      <div style="width: {{width}}">
           Other irrelevant code here
      </div>
{% endfor %}

【问题讨论】：

这里不完全确定，但您不应该将变量命名为“dict”，因为这是 python 中的保留关键字。尝试更改名称，看看是否出现相同的错误？
@csinchok 我试过了，还是没有设置样式

标签： python html css django width

【解决方案1】：

试试这样的：<div style="background-color: black; width: {{ dict.key }}">

这样您就不必遍历字典对象。

【讨论】：

我正在循环遍历字典，因为我需要为字典中的每个对象创建一个 HTML 元素，并且每个对象都需要具有不同的宽度。有没有办法用这个设置样式？
也许你应该发布你收到的错误消息，因为我让它在我的最终工作。
啊等等我发现了问题，这只是一个错字smh :(
谢谢！