flex布局(display:flex)
传统布局:兼容性好,布局繁琐,局限性,不能在移动端很好的布局
flex弹性布局:操作方便,布局极为简单,移动端应用很广泛
Pc端浏览器支持情况较差,ie11更低版本不支持或仅部分支持
常见父项属性(控制子元素,通过父亲来控制)
1.flex-direction:设置主轴(x轴)的方向【主轴和侧轴可以相互转换,就看该属性把哪个方向设置为主轴】(row [x轴默认],row-reverse[翻转从右往左排列] ,column[主轴为y轴])
2.justify-content:设置主轴上的子元素排列方式(使用前
原创
2020-09-29 10:13:03 ·
312 阅读 ·
0 评论