html - 如何仅使用 flex-box 保持元素之间的默认间隙？

我创建了一个带有一些块的图像画廊flex-box，但是为了能够在我使用边距和填充的项目之间保持默认空间，我想知道是否有办法分隔项目并保持模式这些空间仅使用 flex-box，没有边距或填充。我已经花了相当长的时间寻找答案，但我还没有找到。

这是画廊：

紫色部分是容器。

我正在申请flex-basis: 30%每个child element并在左右边距之间分配 ramaining 10%。

我想做的是保留子元素flex-basis: 30%（或类似的东西），所以我每行最多有三个项目，但将它们分开没有边距。

我知道我可以justify-content: space-between这样做，如果所有行都有三个块，它会工作得很好，但事实并非如此，它可能有两个甚至一个。在上图的示例中，它将是这样的：

可以看出，由于第二行只有两个元素，因此布局将被破坏。

有没有办法做到这一点？

PS我知道我可以使用grid，但我仍在学习flex-box，我现在想坚持下去。

标签： htmlcssuser-interfaceflexboxgrid