CSS 100％宽度，每20px步长

Question

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

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

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

Answer 1

我在JS中完成了它，但我将它与一些css解决方案混合在一起：

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

它将max-width css prop设置为与'step'相乘的最大可能宽度，并且是＆lt; =实际宽度。