CSS 100% 宽度，每 20px 步长

Question

是否可以在纯css中设置一些宽度变化的步骤？

假设我的 div 宽度为 100%，因此当容器为 30px 时，它的宽度将为 30px。但是是否可以将一些“跳转”设置为 20px，以便当容器为 30px 时，它仍将是 20px，但是当容器为 40px 时，它将变为 40px，因为 40 是 20 的倍数？

换句话说 - 强制将某些元素的宽度限制为某个整数的倍数。

Answer 1

我已经在 J​​S 中完成了，但是我将它与一些 css 解决方案混合了:

$.fn.widthStep = function(step)
{
    var width = $(this).width();
    $(this).css('max-width', width - width%step);
}

它将 max-width css prop 设置为最大可能宽度，它是“step”的乘积并且 <= 实际宽度。