flex布局怎么用

Flex布局是CSS3中新增的一种布局方式，用于解决传统布局方式的一些缺陷。它的全称为“Flexible Box”，即“弹性布局”。使用Flex布局可以快速、灵活地实现各种页面布局，并且适应不同尺寸和不同设备的屏幕大小。

Flex布局通过设置容器和子项的属性来实现页面布局，具体包括以下三个部分：

1. 容器的属性（flex container）：用来设置Flex容器的布局方式、方向、对齐方式等。

2. 子项的属性（flex item）：用来设置Flex子项的布局方式、占据空间比例、对齐方式等。

3. 弹性盒模型（flex box model）：用来描述Flex子项的渲染规则，包括盒子大小、子项排列顺序等。

Flex布局是一种比较新的布局方式，具有较好的兼容性。但在老版本的浏览器中可能会存在一些问题，需要针对性的进行兼容处理。