补充flex 弹性布局

flex

flex order 属性

//  order  属性 定义项目的排列顺序。数值越小，排列越靠前，默认为0

align-self属性 【允许单个项目与其他项目不一样的对齐方式】

align-self：flex-start；【单个水平居上对齐 默认水平对齐方式】

 

  align-self: flex-end; 【单个水平居下对齐 】

 

 

  align-self: center;【单个水平居中对齐】

 

 

 align-self: stretch; 【单个水平撑满整个高度且高度设置为auto】

 

 

 flex-grow 

 flex-grow:1；【把剩余的空间给撑满】

 flex-basis: 400px; 【flex 一行排不下 然后会被挤压 设置flex-basis 宽度就不会被挤压】

flex-shrink ：（0或者1）【用来表示是否被压缩 默认值是1 表示被压缩 改成0表示不被压缩 保持设置的尺寸】