弹性布局

---

前言

学习视频：https://www.bilibili.com/video/BV1ZE411c7yM?p=10

一、弹性布局

1、弹性布局：

2、弹性容器：设置了display:flex;这个为弹性容器，里面的子元素会按照弹性布局的方式进行布局。
3、弹性子元素：设置了display:flex的弹性容器直接子元素即为弹性子元素
4、弹性主轴方向：
默认主轴方向为从左到右flex-direction: row;
column:从上到下
row-reverse:从右到左
column-reverse:从下到上

5、弹性主轴分布

/*parent元素为弹性容器*/
        .parent{
   
            width: 800px;
            height: 800<