CSS 100%宽度，每20px步数

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

假设我有100%宽度的div，所以当容器为30px时，它的宽度为30px。但有没有可能将一些“跳转”设置为20px，所以当容器是30px时，它仍然是20px，但当容器是40px时，它会得到40px，因为40是20的倍数

---

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

我在JS中做过，但我将其与一些css解决方案混合使用：

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

---

它将max-width-css-prop设置为最大可能宽度，该宽度是“step”的倍数，这很好，但如果我们不使用javascript或jquery就可以做到这一点，那会更好。