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); 
} 

它集最大寬度CSS道具最大可能的寬度是乘法的「一步」，是< =實際寬度。