CSS中的Flex属性是一种强大而灵活的布局方法，可以在容器内创建自适应的、可伸缩的区域，为实现响应式布局提供了很大的帮助。

.container {display:flex; /*弹性布局*/flex-direction: row; /*主轴方向为水平*/justify-content: center; /*子元素在主轴方向上居中*/align-items: center; /*子元素在交叉轴方向上居中*/flex-wrap: wrap; /*允许子元素换行*/}

Flex属性的一个最重要的特点就是能够自适应调整子元素的大小，让它们自适应父容器大小的变化，从而达到响应式布局的效果。

下面是一些常见Flex属性的解释：

flex-direction: row/column; /*设置主轴方向为行或列*/justify-content: center/flex-start/flex-end/space-between/space-around; /*设置子元素在主轴方向上的排列方式，居中、靠左、靠右、两端对齐、环绕等等*/align-items: center/flex-start/flex-end/baseline/stretch; /*设置子元素在交叉轴方向上的对齐方式，居中、顶部对齐、底部对齐、基线对齐、拉伸对齐等等*/flex-wrap: wrap/nowrap; /*设置是否允许子元素在一行内换行*/flex-grow: number; /*设置子元素在剩余空间内的分配比例，数值越大，分配的空间就越大*/flex-shrink: number; /*设置子元素在空间不足时的缩放比例，数值越大，缩放的程度就越大*/flex-basis: length/percent/auto; /*子元素在主轴方向上的基准值，可以是像素、百分比、自动等*/flex: none/flex-grow flex-shrink flex-basis; /*综合设置Flex，简写方式，其中none表示不伸缩*/

总之，Flex属性能够帮助我们快速构建自适应、灵活的布局，而且还有很多比较高级的用法，可以自己去学习哦！