# # Flex布局
组成方式：弹性容器 display：flex（父盒子添加）
弹性盒子（子盒子）
主轴（X轴）
测轴/交叉轴（Y）
## 1，主轴对齐方式
属性名：justify-content：（添加到弹性容器-父级）
属性值：center； 水平居中对齐
space-around；每个盒子左右都有间隙（2倍关系）
space-between；两侧没有间隙
space-evenly；左右间隙一样大
flex-start ； 左对齐
flex-end；右对齐
# 2，测轴对齐方式
属性名：align-items（添加到弹性容器-父级）
属性值：centen；沿测轴垂直居中
stretch；拉伸之铺满容器（默认效果）
flex-start；从顶部开始排列
flex-end；从底部开始排列
属性名：align-self（添加到弹性盒子-子级）
属性值：跟align-items一样
## 3，伸缩比
属性：flex：数值；
取值：数值（整数）
只占有父盒子剩余尺寸
不用加单位
给子盒子添加这个属性
## 4,圣杯布局
左右两边固定，中间高度自适应
