CSS中的flex布局是一种灵活的布局方式，可以使元素在容器中自适应布局，最大限度地利用可用空间，并轻松地对齐和重新排序元素。下面我们来介绍一下flex布局的用法。

首先，我们需要在容器上应用flex布局，使用以下代码：

.container {display: flex;}

可以看到，我们通过将容器的display属性设置为flex来启用flex布局。

然后，我们可以使用以下属性进一步定义每个项目的布局：

.item {flex: 1 0 50%;}

上面的代码可以将每个项目的宽度设置为50％，并允许项目在需要的时候缩小，但不允许它们放大。

除了以上介绍的属性之外，flex布局还有很多有用的属性，比如justify-content和align-items，可以用来控制项目在容器中的对齐方式。

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

上面的代码可以将所有项目居中对齐。

总而言之，flex布局是一个非常强大的工具，可以轻松地创建适应性布局。通过熟练掌握其各种属性和用法，可以让你的网页设计更加高效和美观。