在引导程序中的相邻div之间创建间隙

Question

我已经创建了三个div，我正在尝试在div之间创建微小的差距。

现在就是这样。

我想在这里缝隙。

这是HTML和CSS（div循环运行三次）

<div class="album-border col-lg-4" style="margin: 1px 0px;">
    <p>Div</p>
</div>

.album-border {
    border: 1px solid #aaaaaa;
    border-radius: 5px;
}

Answer 1

这是您可以做到的一种方法。您可以为.album-border分配宽度，以便可以有一些空间。之后，您可以将它们包装在具有CSS属性div和justify-content: space-between;的{​​{1}}中，希望对您有所帮助

display: flex;

.album-border {
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  width: 31%;
}

.div-wrapper {
  justify-content: space-between;
  display: flex;
}

Answer 2

.album-border:not(:first-child) {
    margin-left: 5px
}

这应该做到。