在CSS中，flex是一种比较常用的布局方式。它通过设置display属性为flex来实现，下面我们来详细了解一下。

display: flex;

上述代码中，我们设置元素的display属性为flex。通过这种方式，可以实现更加灵活的布局。下面我们来介绍一些常见的使用方法。

1. 设置主轴和交叉轴的方向

flex-direction: row | row-reverse | column | column-reverse;

上述代码中，我们可以通过设置flex-direction属性来决定主轴和交叉轴所在的方向。可以选择水平方向（row），水平方向反转（row-reverse），垂直方向（column），或垂直方向反转（column-reverse）。

2. 排列方式

justify-content: flex-start | flex-end | center | space-between | space-around;

上述代码中，我们可以通过设置justify-content属性来决定元素在主轴上的排列方式。可以选择靠左（flex-start），靠右（flex-end），居中（center），两端对齐（space-between），或元素周围都有间距（space-around）。

3. 元素在交叉轴上的对齐方式

align-items: flex-start | flex-end | center | baseline | stretch;

上述代码中，我们可以通过设置align-items属性来决定元素在交叉轴上的对齐方式。可以选择靠上（flex-start），靠下（flex-end），居中（center），按照基线对齐（baseline），或者元素在交叉轴方向上拉伸（stretch）。

总结：CSS中的display属性flex可以帮助我们更加灵活地进行布局。通过设置flex-direction属性可以决定主轴和交叉轴的方向，通过设置justify-content属性可以决定元素在主轴上的排列方式，通过设置align-items属性可以决定元素在交叉轴上的对齐方式。