Day8_0427 弹性盒模型

一、目的

1、提供一种更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使他们的大小是未知的变化的；

2、让容器有能力改变项目的宽和高，以填满可用空间；

3、布局与方向无关：块属性，垂直；行间，水平；拓展性较差；

4、最适合小规模布局（大规模用网格）。

二、属性

1、display：flex/display：line-flex

适用于父类元素，声明要使用弹性盒模型。

2、flex-direction：

●写在父级css中，但是作用于子级；

●检索，子级在盒子中的位置，说白了就是子级的排列顺序；

●row：横向，从左到右；

●row-reverse：反横向，从右到左；

●column：纵向，从上到下；

●column-reverse：反纵向，从下到上；