这一章节我们来学习flex弹性盒子模型,根据下面的例子来理解一下吧:
实现上图效果,我们需要输入以下代码:
上面的代码:
三个块元素设置大小以及背景色,在父容器中添加flex。
技术点的解释:
1、设置display: flex属性可以把块级元素在一排显示。
2、flex需要添加在父元素上,改变子元素的排列顺序。
3、默认为从左往右依次排列,且和父元素左边没有间隙。
可以测试右侧编辑器中的代码,感受一下flex布局。
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报
你发的评论可能会是问题?是否将他发到问答中
本次提问将花费2个积分
你的积分不足,无法发表
继续发表请点击 "确定"