zhr_beyond的博客

（一）flex布局子项常见属性属性说明flex子项目占的份数align-self控制子项自己在侧轴的排列方式order属性定义子项的排列顺序（前后顺序）1.flex定义子项目分配剩余空间用flex来表示占多少分数// 格式.item{ flex: <number>;}2.align-self控制子项在侧轴上的排列方式align-self 属性允许单个项目与其他项目不一样的对齐方式属性值说明auto默认 继承父

flex布局父项常见属性1.flex布局原理：通过给父盒子添加flex属性，来控制盒子的位置和排列方式。属性说明flex-direction设置主轴方向justify-content设置主轴上的子元素排列方式flex-wrap设置子元素是否换行align-content设置侧轴上的子元素排列方式（单行）align-items设置侧轴上的子元素排列方式（多行）flex-flow同时设置flex-direction和flex-wrap2.