Dopasuj elementy do szerokości pojemnika

Question

Mam 10 pozycji w pojemniku i każdy z nich ma margines z prawej strony. W przypadku jquery, usuwam margines na co piątą pozycję, ale ponieważ szerokość kontenera jest procentowa, a szerokość elementu również w procentach, kiedy minimalizuję lub maksymalizuję ekran, elementy nie rozciągają się do końca kontenera. Jak mogę to zrobić?

Here is the Fiddle

Answer 1

Daj procent do prawego marginesu.

Całkowita szerokość div wynosi 16% x 5 = 80% całkowitej szerokości. Tak więc pozostała szerokość wynosi 20%. Podzielić, że przez 5 (ogółem marże div) i ustawić do 4%:

margin-right:4%; 

Sprawdź DEMO

A także, nie trzeba tu zastosować jQuery margin-right: 0 do piątego elementu. Można użyć css, jak pokazano poniżej:

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