如果您想让flex容器中的项目在侧轴上（默认为垂直轴）紧贴着容器的边缘，可以通过设置flex容器的align-items属性为stretch来实现。
而如果您想让项目平均分配空间，可以设置flex容器的justify-content属性为space-between、space-around或者space-evenly，具体选择哪个属性取决于您需要的间隔大小和对齐方式。
以下是一个示例代码，将flex容器中的项目在侧轴上紧贴着容器的边缘，并平均分配项目的宽度：
<div class="flex-container">
<div class="flex-item"></div>
<div class="flex-item"></div>
<div class="flex-item"></div>
</div>
.flex-container {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.flex-item {
flex: 1;
}
在这个示例中，flex容器中的项目将平均分配容器的可用空间，并紧贴着容器的侧轴边缘。
如果您希望在flex容器中的项目之间有一定的间隔，可以通过设置margin属性来实现。例如，您可以在.flex-item类中添加一个margin属性来为项目之间添加空隙。
.flex-item {
flex: 1;
margin-right: 10px;
}
这将在每个项目的右侧添加一个10像素的间隔。
如果您想要更加精细地控制间隔大小和位置，可以使用flex容器的gap属性。gap属性定义了项目之间的间隔，可以在容器的主轴和侧轴上分别设置。
以下是一个示例代码，设置主轴和侧轴上的间隔：
.flex-container {
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 10px 20px;
}
在这个示例中，容器中相邻项目之间的水平间隔为10像素，垂直间隔为20像素。
希望这些信息能够帮助您更好地理解如何使用flexbox布局中的相关属性。如果您有任何问题，请随时提出。