CSS 100% largeur avec étapes par 20px

Question

Est-il possible en css pur de définir certaines étapes avec changement de largeur?

Disons que j'ai div 100% largeur, donc quand le conteneur est 30px, il sera de 30px de large. Mais est-il possible de définir un 'saut' à 20px alors quand le conteneur est 30px, il sera toujours 20px, mais quand le conteneur est 40px, il aura alors 40px comme 40 est multiple de 20? En d'autres termes, forcez la largeur de certains éléments à être limitée à plusieurs entiers.

Answer 1

je l'ai fait en JS, mais j'ai mélangé avec une solution de css:

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

Il définit prop css max-largeur à la largeur maximale possible qui est de multiplication de « étape » et est < = largeur réelle.