使用 CSS 的 Flexbox 布局时，你可以通过多种方式设置元素之间的间距。以下是几种常见的方法：

1. margin: 通过在 flex 子项上设置 margin，可以在元素之间增加空间。

.flex-item {  
    margin: 10px;  
}  

2. justify-content 和 align-items: 这两个属性可以用来分别调整主轴和交叉轴上的空间分布。例如，justify-content: space-between; 将会在主轴方向上的元素之间均匀地分配空间，而 align-items: center; 则可以使元素在交叉轴上居中。这两个属性只能作用于 flex 容器上。

.flex-container {  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
}  

3. gap: 在某些现代浏览器中，您可以使用 gap、row-gap 和 column-gap 属性在 flex 项之间添加空间，就像在 grid 布局中那样。

.flex-container {  
    display: flex;  
    gap: 10px;  
}  

请注意，在实际编写代码时，选择哪种方式取决于你的具体需求和所支持的浏览器兼容性。