在flexbox布局中，通过使用justify-content和align-items两个属性可以控制主轴和侧轴上的对齐方式。
要让flex容器的侧轴两端对齐，可以使用align-items属性，将其设置为stretch，然后再设置justify-content属性为space-between或space-around。
具体来说，align-items:stretch会将所有的flex项在侧轴上拉伸至相同的高度，而justify-content:space-between会在侧轴两端留出空白，让flex项均匀分布。如果使用justify-content:space-around，则空白区域会分布在flex项之间，让整个布局看起来更加平衡。
下面是一个例子，展示了如何在flexbox布局中让侧轴两端对齐：
.container{
display:flex;
align-items:stretch;
justify-content:space-between;
}
在上面的例子中，.container是flex容器，align-items属性设置为stretch，justify-content属性设置为space-between，这样flex项就会在侧轴上均匀分布，同时在两端留出空白。
除了使用align-items和justify-content属性，还可以使用align-self属性来控制单个flex项在侧轴上的对齐方式。
align-self属性与align-items属性类似，但它只会影响单个flex项。如果某个flex项需要与其他项不同的对齐方式，可以使用align-self属性来覆盖align-items属性。
例如，如果你想让一个特定的flex项在侧轴上居中对齐，可以给它设置align-self:center，而不是修改整个容器的align-items属性。
下面是一个例子，展示了如何使用align-self属性来控制单个flex项在侧轴上的对齐方式：
.container{
display:flex;
align-items:stretch;
justify-content:space-between;
}
.item{
align-self:center;
}
在上面的例子中，.container是flex容器，align-items属性设置为stretch，justify-content属性设置为space-between。另外，.item是flex项，使用align-self属性将其在侧轴上居中对齐。