js---弹性布局

弹性布局flex

弹性布局，即为盒装模型提供最大的灵活性

任何一个容器都可以使用弹性布局。

dlsplay:flex;

给这个元素添加display：flex属性之后，把该元素容器当作父元素（flex container），父元素的子元素都是该容器的成员，称为这个容器的项目（flex item）。

弹性容器中的子项目都是正常渲染的，而弹性布局，顾名思义，影响的只是子元素在容器中的布局方式。

---

display的值

初步了解

display的值	解释
box	弹性伸缩盒
inline-box	内联块级弹性伸缩盒
flexbox	弹性伸缩盒
flex	弹性伸缩盒
inline-flex	内联块级弹性伸缩盒

---

轴（Axis）

容器里会分为两个轴，一个是主轴（水平方向），一个是垂直于主轴的交叉轴 （垂直方向）

---

父元素容器的属性