Flex布局属性

flex布局常见父属性
  • flex-direction:设置主轴方向
  • justify-conter:设置主轴上的子元素排列方式
  • flex-wrap:设置子元素是否换行
  • align-content:设置侧轴上的子元素的排列方式(多行)
  • aligin-items:设置侧轴上的子元素的排列方式(单行)
  • flex-flow:复合属性,相当于同时设置了flex-direction和flex-wrap
  • 如果设置主轴为Y轴,那么X变为侧轴
flex常见子属性
  • flex子项目占的份数
  • align-self:控制子项自己在侧轴的排列方式
  • order属性定义子项的排列顺序(前后顺序)

你可能感兴趣的:(Flex布局属性)