flex弹性布局

1、flex布局是什么？

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性

2、基本概念：

采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

 3、flex容器的属性:

• flex-direction (决定容器的弹性方向)

• flex-wrap（是否切换行）

• justify-content（定义了项目在主轴上的对齐方式）

• align-items（定义项目在交叉轴/纵向上对齐方式）

 1、flex-direction (决定容器的弹性方向)

    row属性沿着主轴弹 

 column属性沿着纵轴