定义一个灵活的盒子：display:flex;默认的水平排列是从左边开始排列：flex-direction:row；从右到左排列：flex-direction:row-reverse；从上到下排列：flex-direction:column；从下到上排列：flex-direction:column-reverse；当元素块的宽度大于盒子的宽度时，元素块会自动压缩当添加flex-wrap:wrap;时，会自动换行，使用flex-wrap:wrap-reverse;您可以使用flex-flow:进行反向包装。例如：flex-flow:columnwrap-reverse等主轴：justify-content主轴开始：justify-content:flex-start；主轴端对齐：justify-content:flex-end；主轴居中：justify-content：center；平均分布：justify-content：space-between；（两侧对齐）平均分布：justify-content：space-around；（元素两边都有间距）完全均匀分布：justify-content:space-evenly；（完全划分）（根据排列方向flex-direction确定）crossaxis:align-itemscrossaxisstart:align-items:flex-start;横轴端：align-items:flex-end；横轴居中：align-items:center;拉伸：对齐项目：拉伸；剩余空间均匀分配，各占一等份：flex-grow:1；无分配：flex-grow:0;放大：flex-grow:1;缩小：flex-shrink:2;基本尺寸：flex-basis：100px；可以一起写：flex:12100px;
