सीएसएस 100% चौड़ाई प्रति 20px

Question

क्या शुद्ध सीएसएस में चौड़ाई बदलने के साथ कुछ कदम निर्धारित करना संभव है?

आइए कहें कि मुझे 100% चौड़ाई div है, इसलिए जब कंटेनर 30px है तो यह 30px चौड़ा होगा। लेकिन क्या कुछ 'कूद' 20px पर सेट करना संभव है, जब कंटेनर 30 पीएक्स है, यह अभी भी 20 पीएक्स होगा, लेकिन जब कंटेनर 40 पीएक्स होगा, तो यह 40 पीएक्स मिलेगा क्योंकि 40 में से 20 में से एक है?

दूसरे शब्दों में - कुछ तत्वों की चौड़ाई को कुछ पूर्णांक के एकाधिक तक सीमित करने के लिए मजबूर करें।

Answer 1

मैं जे एस में यह किया है, लेकिन मैं कुछ सीएसएस समाधान के साथ यह मिश्रित है:

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

यह अधिकतम संभव चौड़ाई को अधिकतम-चौड़ाई सीएसएस प्रोप गुणा 'कदम' की है कि और है सेट < = वास्तविक चौड़ाई।