flex常用于解决哪些问题？

• 居中问题

  • 水平居中
  • 垂直居中
  • 水平垂直居中

• 比例分配问题

• 剩余空间分配问题(定宽+自适应问题)

Flex布局（弹性布局）是一种CSS3的布局方式，常见的应用场景包括：

1. 网页布局：Flex布局可以方便地实现网页的整体布局，尤其适合于响应式设计。通过设置容器的display属性为flex，以及设置容器内子元素的flex属性，可以实现灵活的、自适应的网页布局。

2. 导航菜单：Flex布局可以用来创建水平或垂直的导航菜单。通过设置容器的flex-direction属性为row或column，以及设置子元素的flex属性和对齐方式，可以实现菜单项的自适应布局和对齐方式。

3. 等高布局：Flex布局可以实现等高的布局，即使子元素的内容高度不一致，也可以通过设置容器的align-items属性为stretch，使子元素的高度自动填充为容器高度。

4. 响应式图片布局：Flex布局可以用来实现响应式图片布局，使图片在不同屏幕尺寸下自适应大小并保持比例。通过设置容器的flex-wrap属性为wrap，以及设置子元素的flex属性和缩放方式，可以实现图片的自适应布局和缩放。

5. 表单布局：Flex布局可以用来实现表单的布局，使表单元素在不同屏幕尺寸下自适应大小和排列方式。可以通过设置容器的flex-direction属性为row或column，以及设置子元素的flex属性和对齐方式，实现表单元素的自适应布局和对齐方式。

6. 列表布局：Flex布局可以用来实现列表的布局，使列表项在不同屏幕尺寸下自适应大小和排列方式。通过设置容器的flex-direction属性为row或column，以及设置子元素的flex属性和对齐方式，可以实现列表项的自适应布局和对齐方式。

这些是Flex布局的一些常见应用场景，通过灵活运用Flex布局，可以实现各种不同的布局需求。