如何使用 django 变量内联编写 CSS？答案

【问题标题】：How to write CSS inline with django variable?如何使用 django 变量内联编写 CSS？
【发布时间】：2021-06-27 05:23:15
【问题描述】：

我用 bootstrap 创建了一个进度条。这是有一个style 属性来设置进度宽度的地方。我将进度链接到模型以检索值。如下。

{% for k in kelas %}
   <div class="col-sm-6">
      <div class="progres">
         <div class="kelas mb-2">{{ k.namaKelas }}</div>
         <div class="progress">
            <div class="progress-bar" role="progressbar" style='width:{{k.get_percent}}%' aria-valuenow="{{ k.get_percent }}" aria-valuemin="0" aria-valuemax="100">{{ k.get_percent }}%</div>
         </div>
      </div>
   </div>
{% endfor %}

但此时style='width:{{k.get_percent}}%' 对进度宽度没有响应。并且在 html 文件中它显示为红色，因为有一个代码被认为是错误的。

我怎样才能获得一个变量以包含该风格的 django？

【问题讨论】：

{{k.get_percent}}的值是多少
一个数字，表示字段status=True中的数据个数
检查你是否得到正确的号码。

标签： html css django

【解决方案1】：

我也做过同样的事情，但它对我有用！

<div class="progress" style="height: 30px;">
    <div class="progress-bar  bg-info " role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
        style="width: {{data.type_n}}%">
        <h4>{{data.type_n}}% </h4>
    </div>
</div><br>

【讨论】：

兄弟有什么不同？