终于学到弹性盒子了呜呜呜,但是感觉内容也好多!!!...移动web开发之flex布局
建议:
如果是PC端页面布局,我们还是传统布局
如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局....布局原理
flex是flexible box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局....伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局....先不给子盒子设置宽度,让他们各占一份空白空间:
当然也有其他的分配 ,比如让2号盒子占2分空间,只要将flex:1;改成flex:2;即可
我们现在有一个大盒子,里面装着三个小盒子,现在让他们在侧轴上都