草庐IT

Flex弹性布局一文通【最全Flex教学】

一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.1.2flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差E11或更低版本,不支持或仅部分支持建议:1.如果是PC端页面布局,我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码:123CSS代码:div{display:flex;width:80%;height:300px;background-color:pink;ju

Flex弹性布局一文通【最全Flex教学】

一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.1.2flex弹性布局操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差E11或更低版本,不支持或仅部分支持建议:1.如果是PC端页面布局,我们还是传统布局。2.如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码:123CSS代码:div{display:flex;width:80%;height:300px;background-color:pink;ju