ürününün içeriğinin dolu enine kadarı

Question

Bir konteynerin içinde 10 tane eşya var ve bunların her biri sağdan kenarlıdır. JQuery ile, her beşinci öğe için kenar boşluğunu kaldırıyorum, ancak kapsayıcının genişliği yüzde olarak ve öğenin genişliği de yüzde olarak, ekranımı küçülttüğüm veya en üst düzeye çıkardığımda, öğelerin kapsayıcının sonuna uzanmıyor. Nasıl yapabilirim?

Here is the Fiddle

Answer 1

Sadece sağ kenar boşluğuna yüzde verecek.

Boşlukların toplam genişliği, toplam genişliğin% 16 x 5 =% 80'idir. Yani kalan genişlik% 20'dir. 5 (toplam div marjlar) tarafından bu bölün ve% 4 olarak ayarlandı:

margin-right:4%; 

DEMO

edin Ve ayrıca, sen beşinci elemana margin-right: 0 uygulamak jquery burada gerekmez. Aşağıda gösterildiği gibi css kullanabilirsiniz:

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