我想知道一种不留下剩余边距的方法,换句话说,我想用图像填充整个容器,但我需要在图像之间留出空间。我正在使用margin-right
,即问题就在那里。还有另一种方法可以做到这一点吗?
图片:
这与 Marcins awnser 几乎相同,尽管它仍然可以在不支持 CSS3 nth-child 选择器的浏览器中工作。
在最后一个元素上放置一个类并从该类中删除右边框
.you_class {
margin-right: none;
}
这应该使它在旧浏览器中也能工作
或者,如果您有 4 x 3 单独的图像。
给它们一个类或将它们放入容器中,然后直接在图像上设置样式。
如果您想保留蓝色边框,请给它们一个彩色边框,或者只给它们一些边距以在它们之间留出一些空间
您可以使用以下 css 样式,从每个第 4 个元素中删除右边距:
#container img:nth-child(4n+4) {
margin-right: none;
}