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是有意义的。

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