弹性盒子的基础知识

一、flex

二、布局

主轴

三、换行 

四、多行子元素在主轴上的对齐方式

 基于主轴的方向的开始和结束

 

五、交叉轴对齐方式

 

六、多行子元素在交叉轴上的对齐方式

基于交叉轴

 

七、单项目的对齐方式

主轴和交叉轴两个共同的作用

 

---------

 八、盒子内的元素的设置

没有辅助均为0，小的排在前面 

 

九、弹性元素的扩展比率   flex-grow   把剩余的空间占的份数

子元素分配剩余的空间

 

 

 

十、弹性收缩比例

#n1    减去原有尺寸

 

十一、最大和最小宽高度

id  class  盒子名称

src  图片

 

十二、弹性布局 ZXW教程区块