CSS 100% genişlik 20px'e kadar olan adımlarla

Question

Genişlik de withgiskeninde bazı adımlar atamak saf sss ile mümkün mü?

Diyelim ki% 100 genişliğe sahip div var, bu yüzden kap 30px olduğunda 30 piksel genişliğinde olacak. Ama 20px'e biraz 'sıçrama' koymak mümkün, bu yüzden konteyner 30px olduğunda, hala 20px olacak, ancak konteyner 40px olduğunda, 40'ın kati olarak 40px olacak? Başka bir deyişle, bazı elemanların genişliğini bir tamsayı kat katıyla sınırlamak için zorlayın.

Answer 1

Ben JS yaptık ama bazı css çözümü ile karıştırmış ettik:

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

Bu çarpma 'adım' sahiptir ve maksimum olası genişliği maksimum genişlik css pervane setleri < = gerçek genişlik.