移动web开发之flex布局
建议:
如果是PC端页面布局,我们还是传统布局
如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局....>
1
2
3flex布局的元素,称为flex容器(flex container),简称"容器",它的所有子元素自动成为容器成员,称为flex项目,简称"项目".
例子中的div就是容器,flex父容器....总结flex布局原理:
就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式.
01
父项常见属性
flex-direction:设置主轴方向.
justify-content:设置主轴上的子元素排列方式...flex-direction和flex-wrap
太懒了我就不打字了,直接上图片吧.