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属性定义子项的排列顺序(前后顺序)