先在HTML布局外层盒子,在盒子里布局一个圆。
给盒子宽高,要给盒子定义flex属性,要让内层的圆中间布局,要在外层的盒子写上居中,和交叉轴中点对齐。
效果图:
布局第二个,大盒子内包含俩个小圆。
Css样式中在大盒子给flex属性要让俩个圆两边靠只要用space-between就可以,给小圆宽高颜色圆角。
效果图,弹性布局的优势是当屏幕宽度变化是会跟着适应不用去调。
先在HTML布局外层盒子,在盒子里布局一个圆。
给盒子宽高,要给盒子定义flex属性,要让内层的圆中间布局,要在外层的盒子写上居中,和交叉轴中点对齐。
效果图:
布局第二个,大盒子内包含俩个小圆。
Css样式中在大盒子给flex属性要让俩个圆两边靠只要用space-between就可以,给小圆宽高颜色圆角。
效果图,弹性布局的优势是当屏幕宽度变化是会跟着适应不用去调。