flex 自适应布局

Flexbox是一种CSS布局模式，它可以让容器中的元素自适应地排列和对齐。使用Flexbox可以让页面在不同设备上自适应，而不需要使用传统的盒子模型或浮动布局。

Flexbox的主要特点包括：

1. 容器和其中的元素都有自己的属性，可以自适应地调整大小和位置。

2. 可以轻松地实现水平和垂直居中。

3. 可以控制元素在容器中的排列顺序。

4. 可以轻松地实现响应式设计，适应不同的设备大小和屏幕方向。

Flexbox的语法非常简单，只需要将容器的display属性设置为flex，然后使用一些简单的属性来控制元素的排列和对齐。例如，可以使用justify-content属性来控制元素在主轴上的对齐方式，使用align-items属性来控制元素在侧轴上的对齐方式。

总的来说，Flexbox是一种非常强大和灵活的布局方式，可以帮助开发人员轻松地实现各种布局需求。