2021/2/20 flex布局

用于父元素的属性

display:flex 定义父元素的显示类型

flex-direction 用于修改主轴的方向

flex-wrap 用于子元素换行

justify-conent 主轴上子元素的分布方式

align-items 交叉轴上的元素分布方式

 

用于子元素的属性

flex = flex-grow  确定是否占用剩余空间

flex-shrink 是否挤压

flex-basis 设置起始宽度

align-self  覆盖父元素交叉轴上的

order 改变排列方式