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

Posted 2023-03-06

【中文标题】如何使用 Django 变量设置 HTML 元素的宽度？

【英文标题】：How do I set the width of a HTML element with a Django variable?

【发布时间】：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 我试过了，还是没有设置样式

【参考方案1】：

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

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

【讨论】：

我正在循环遍历字典，因为我需要为字典中的每个对象创建一个 HTML 元素，并且每个对象都需要具有不同的宽度。有没有办法用这个设置样式？

也许你应该发布你收到的错误消息，因为我让它在我的最终工作。

啊等等我发现了问题，这只是一个错字smh :(

谢谢！