CSS 100％幅20pxあたりのステップ数

Question

純粋なCSSで幅を変更していくつかのステップを設定することは可能ですか？

divは100％の幅を持っていると言います。コンテナが30pxの場合は30pxになります。しかし、「ジャンプ」を20pxに設定することは可能ですか？コンテナが30pxの場合でも20pxですが、コンテナが40pxの場合、40pxは40の倍数ですか？

つまり、いくつかの要素の幅をいくつかの整数の倍数に制限します。

Answer 1

私はJSでそれをやったが、私はいくつかのCSSのソリューションとそれを混ぜました：

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

それは「ステップ」の乗算で、最大可能幅に最大幅のCSSの小道具を設定し、 < =実際の幅。