CSS3之flex弹性布局总结(思维导图记忆法非常简单)

满足flex布局的三个必要条件：

第一个条件：必须是html父子结构！父元素称之为容器，子元素称之为flex项目(item)！

第二个条件：父元素的display属性设置为flex【块级flex项目(子元素为块级元素)布局】或inline-flex【行级flex项目(子元素为行级元素)布局】

第三个条件：flex轴向（flex项目的排列以轴向为基准---默认情况下flex-direction=row),也就是水平方向为主轴，垂直方向为侧轴！

 

 

 

flex项目属性之flex常用取值总结：