本文主要是介绍CSS3之flex弹性布局总结(思维导图记忆法非常简单),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
满足flex布局的三个必要条件:
第一个条件:必须是html父子结构!父元素称之为容器,子元素称之为flex项目(item)!
第二个条件:父元素的display属性设置为flex【块级flex项目(子元素为块级元素)布局】或inline-flex【行级flex项目(子元素为行级元素)布局】
第三个条件:flex轴向(flex项目的排列以轴向为基准---默认情况下flex-direction=row),也就是水平方向为主轴,垂直方向为侧轴!
flex项目属性之flex常用取值总结:
这篇关于CSS3之flex弹性布局总结(思维导图记忆法非常简单)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!