flex

  1. ul li {
  2.   /* 默认值：0 */
  3.   flex: number;
  4. }
  • 分配剩余空间

侧轴排列方式

ul li:nth-child(2){
  align-self: 
}
属性值 描述
flex-start 从侧轴头部开始排列
flex-end 从侧轴尾部开始排列
center 侧轴中间显示
space-around 子项在侧轴平分空间
space-between 两边对齐
stretch 设置子项高度平分父高度
  • 单个子项控制自己在侧轴的排列方式

排列顺序

ul li:nth-child(2){
  order: -1;
}
  • 单个子项控制自己的排列顺序
  • 默认值：0