使物品适合容器的宽度

Question

我在一个容器中有10个物品，每个物品都有右边的边距。使用jquery，我将删除每五个项目的边距，但由于容器的宽度是百分比，而项目的宽度也是百分比，当我最小化或最大化我的屏幕时，项目不会延伸到容器的末尾。我该怎么办？

Here is the Fiddle

Answer 1

只需给出正确的保证金百分比。

div的总宽度为16％x 5 =总宽度的80％。因此，剩余宽度为20％。将其除以5（总div余量）并设置为4％：

margin-right:4%;

检查DEMO

此外，您不需要在此处使用jquery将margin-right: 0应用于第五个元素。你可以使用css，如下所示：

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