Django中的内联CSS可以避免吗？

Question

我听说过建议您不要使用内联 CSS，例如：

<div style="min-width: 10em;">...</div>

但您应该改用class，将 CSS 与 HTML 分开，并（如果可能）将它们放在单独的 CSS 文件中。

到目前为止，一切都很好；这一切都是有道理的——至少只要事情适合你的模型。

现在我遇到了 Django，我想说的是：

{% for a, b in bar %}
    <div style="min-width: {% widthratio a b 100 %}em;">...</div>
{% endfor %}

这里有避免内联 CSS 的实用方法吗？还是我只需要打破常规？

Answer 1

由于它是一个计算值，因此您可以使用内联 CSS。内联 CSS 的存在是有原因的：不能跨多个元素/页面/网站重用的 CSS。

由于您无法从 CSS 文件中计算，显然在这里使用内联 CSS 是有意义的。

附：我在 Django 模板中做几乎完全相同的事情，除了我的是将图像垂直和水平居中，我必须使用图像的实际比例来计算居中 CSS，所以我也不能使用类。