如何强制容器之间的水平间隙

Question

我想在三个容器之间给出明确的水平间隙。中间容器左右两侧的间隙，以保持各部分的宽度。没有填充。

实时观看：http://live.bernhard-schrammek.de/#projects

感谢柏林的帮助和问候

蒂博尔

Answer 1

您可以为每个元素添加一个边距，并在最后一个元素上取消它：

.item {
   margin-right: 15px;
}

.item:last-child {
   margin-right: 0;
}

或者您可以将它添加到除最后一个之外的所有内容：

.item:nth-last-child(n+2) {
   margin-right: 15px;
}

Answer 2

与说明相关，您可以使用margin-left或margin-right CSS属性，例如margin-left:10px;（绝对）或margin-left:1%;（相对）。