css - 保证金保留在容器上

Question

我想知道一种不留下剩余边距的方法，换句话说，我想用图像填充整个容器，但我需要在图像之间留出空间。我正在使用margin-right，即问题就在那里。还有另一种方法可以做到这一点吗？

图片：

Answer 1

这与 Marcins awnser 几乎相同，尽管它仍然可以在不支持 CSS3 nth-child 选择器的浏览器中工作。

在最后一个元素上放置一个类并从该类中删除右边框

.you_class {  
    margin-right: none;
}

这应该使它在旧浏览器中也能工作

或者，如果您有 4 x 3 单独的图像。

给它们一个类或将它们放入容器中，然后直接在图像上设置样式。

如果您想保留蓝色边框，请给它们一个彩色边框，或者只给它们一些边距以在它们之间留出一些空间

Answer 2

您可以使用以下 css 样式，从每个第 4 个元素中删除右边距：

#container img:nth-child(4n+4) {  
    margin-right: none;
}