在CSS中，flex是一种布局方式，用于控制弹性容器内项目的布局方式。使用flex可以非常容易地改变弹性容器内项目的轴向。
默认情况下，弹性容器的主轴方向为水平方向（从左到右），交叉轴方向为垂直方向（从上到下）。要改变主轴方向，可以使用flex-direction属性。例如，将主轴方向改为垂直方向，可以将flex-direction设置为column，如下所示：
.container{
display:flex;
flex-direction:column;
}
此时，弹性容器的主轴方向就变成了从上到下，而交叉轴方向变成了从左到右。如果需要同时改变主轴和交叉轴方向，可以使用flex-direction结合flex-wrap和flex-flow属性来实现。
除了改变主轴方向，还可以使用align-items和justify-content属性来改变项目在交叉轴和主轴上的对齐方式。例如，将项目在交叉轴上居中对齐，可以将align-items设置为center，如下所示：
.container{
display:flex;
align-items:center;
}
这样，弹性容器内的项目就会在交叉轴上居中对齐。同样地，要改变项目在主轴上的对齐方式，可以使用justify-content属性。
另外，如果需要在弹性容器内创建多行或多列的布局，可以使用flex-wrap属性来控制项目在主轴上是否换行。默认情况下，项目都在同一行上，如果弹性容器的宽度不足以容纳所有项目，则会缩小项目的宽度以适应弹性容器。要强制项目换行，可以将flex-wrap设置为wrap，如下所示：
.container{
display:flex;
flex-wrap:wrap;
}
这样，弹性容器内的项目就会在宽度不足时自动换行，形成多行布局。同时，可以使用align-content属性来控制多行或多列的项目在交叉轴上的对齐方式。
除了上述属性，还有一些其他的属性可以用来调整弹性容器内项目的布局，包括flex-grow、flex-shrink、flex-basis等等。这些属性可以用于控制项目在弹性容器内的空间分配和尺寸调整。