一.弹性容器

添加了display：flex的盒子称为弹性容器，默认宽度为父元素的宽度，高度由内容所撑开

二.弹性盒子

弹性容器里面的最近一级子元素称为弹性盒子，默认宽度由内容所撑开，高度和父元素等高

三.弹性容器相关属性

1.justify-content(主轴方向对齐方式)

• flex-start(默认值):从左边开始显示
• center:在主轴上居中显示
• flex-end:从右边开始显示
• space-around:将空白空间均分后环绕在盒子两侧
• space-between:空白空间均分在盒子之间，两侧没有距离

四.弹性盒子相关属性

1.align-items(侧轴对齐方式)

• stretch(默认值):弹性盒子沿着主轴线拉伸至铺满容器
• center:沿侧轴居中排列
• flex-start:起点开始依次排列
• flex-end:终点开始依次排列