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属性能够帮助我们快速构建自适应、灵活的布局，而且还有很多比较高级的用法，可以自己去学习哦！