对flex布局的了解，使用场景？常用属性？

Flex布局是一种比传统CSS布局更加灵活的页面布局方式，可以在不依赖任何框架或工具库的情况下，实现各种复杂的布局需求，例如伸缩性内容、定位、排版等

常用的属性及其含义如下：

1. flex-direction：设置主轴方向（行或列）
2. justify-content：定义沿主轴方向上的对齐方式
3. align-items：定义交叉方向上的对齐方式
4. flex-wrap：设置是否换行
5. align-content：多根轴线的对其方式，仅在多行时有效
   在实际项目中，flex布局经常用于实现以下场景：
   响应式网页设计中的自适应布局
   列表项卡片布局
   横向滑动导航菜单
   底部固定栏自适应布局
   左右固定，中间自适应的布局
   需要注意的是，某些旧版本浏览器可能不支持flex布局，建议使用前进行兼容性测试。