flex布局学习记录

常见父项属性

flex-direction设置元素的主轴

justify-content设置元素在主轴上的排列方式

使用之前要确定主轴是哪一个

flex-wrap设置子元素是否换行

flex布局中，默认子元素不会换行，如果装不下，会缩小子元素的宽度，放到父元素里面

align-items设置侧轴上的子元素排列方式（单行）

适合于子盒子是单行的时候使用

拉伸：子盒子不能设置高度 沿着侧轴拉伸

align-content设置侧轴上的子元素的排列方式（多行）

flex-flow复合属性

是flex-direction和flex-wrap的复合写法

常见子项属性

flex属性

定义子项目分配剩余空间，用flex来表示占多少份数

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

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