html - 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，所以我也不能使用类。