कंटेनर की चौड़ाई के लिए उपयुक्त आइटम

Question

मेरे पास एक कंटेनर में 10 आइटम हैं और उनमें से प्रत्येक के दाएं हाथ से मार्जिन है। Jquery के साथ, मैं हर पांचवें आइटम के लिए मार्जिन हटा रहा हूं, लेकिन कंटेनर की चौड़ाई प्रतिशत में है और आइटम की चौड़ाई प्रतिशत में भी है, जब मैं अपनी स्क्रीन को कम या अधिकतम करता हूं, तो आइटम कंटेनर के अंत तक नहीं फैलते हैं। मैं यह कैसे कर सकता हूं?

Here is the Fiddle

Answer 1

सिर्फ सही मार्जिन के लिए एक प्रतिशत दे।

divs कुल चौड़ाई कुल चौड़ाई का 16% x 5 = 80% है। तो, शेष चौड़ाई 20% है। विभाजित करते है कि 5 (कुल div मार्जिन) द्वारा और 4% करने के लिए सेट:

margin-right:4%; 

DEMO

की जाँच करें और यह भी, आप jQuery यहां पांचवें तत्व को margin-right: 0 लागू करने की आवश्यकता नहीं है। जैसा कि नीचे दिखाया आप सीएसएस का उपयोग कर सकते हैं:

li:nth-child(5n){ 
    margin-right: 0px; 
}