flex布局有哪些常用属性？

flex布局是一种用于页面布局的CSS3新特性，它可以让容器中的子元素自适应空间、自动调整布局。以下是flex布局中一些常用的属性：

1. flex-direction: 设置主轴的方向（row、row-reverse、column、column-reverse）；
2. justify-content: 设置主轴上子元素的对齐方式（flex-start、flex-end、center、space-between、space-around）；
3. align-items: 设置交叉轴上子元素的对齐方式（flex-start、flex-end、center、baseline、stretch）；
4. flex-wrap: 设置子元素在一行或一列中是否换行（nowrap、wrap、wrap-reverse）；
5. align-content: 当有多行时，设置各行在交叉轴上的对齐方式（flex-start、flex-end、center、space-between、space-around、stretch）；
6. flex-grow: 设置子元素在分配剩余空间时所占据的比例；
7. flex-shrink: 设置子元素在空间不足时所占据的比例；
8. flex-basis: 设置子元素在分配剩余空间之前的初始大小。