flex属性

 

flex属性定义子项分配的剩余空间,用flex来表示占多少份

 

       image.png

 

 

align-self 控制子项自己在侧轴上排列的方式

 

align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖 align-items属性。

 

默认为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于 stretch

 

  image.png

 

 

order属性定义项目的排列顺序

     

数值越小,排列越靠前,默认为零

注意:和z-index不一样

 


本文转载:CSDN博客