弹性布局

弹性方法

display:flex;             设置弹性盒子

flex-wrap:wrap;        自动换行

justify-content:;        设置弹性项目在主轴上的对齐方式

align-items:;             设置弹性项目在交叉轴上的对其方式

flex-direction:column-reverse;           改变主轴方向

弹性属性

space-around         改变对齐方向

space-between       两端对立（两端顶头排列）

center                      居中

space-evenly          同样外边距排列（不分左右）

space-around         同样左右外边距排列

row-reverse             水平向右

colume                    竖直向下

column-reverse        竖直向上

fiex-start                   左对齐

fiex-end                     右对齐

stretch                       拉伸至最大高度（在该元素未设置高度时才能使用后）