CSS larghezza 100% con incrementi per 20px

Question

E 'possibile in puro css impostare alcuni passaggi con modifica della larghezza?

Diciamo che ho div div 100% width, quindi quando il contenitore è 30px sarà largo 30px a. Ma è possibile impostare un po 'di' salto 'a 20px così quando il contenitore è 30px, sarà ancora 20px, ma quando il contenitore è 40px, otterrà 40px mentre 40 è multiplo di 20?

In altre parole, forza la larghezza di alcuni elementi per essere limitata a più di un numero intero.

Answer 1

ho fatto in JS, ma ho mescolato con qualche soluzione css:

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

Imposta max-width css puntello per la larghezza massima possibile che si moltiplicano di 'step' ed è < = larghezza effettiva.