老师这项目属性flex还是不太懂 能不能再说一遍 特别是具体使用的格式和那几个属性

老师这项目属性flex还是不太懂 能不能再说一遍 特别是具体使用的格式和那几个属性

# 具体遇到的问题
http://img1.sycdn.imooc.com//climg/5fb8bbcf09cde88815980817.jpg# 报错信息的截图

# 相关课程内容截图

这里给所有item设置间隔相同 为什么是flex:1 ? 课中老师说 设置1235..都没事 没听懂
http://img1.sycdn.imooc.com//climg/5fb8bc4209c07ce615900568.jpg# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,首先给同学点个赞,非常棒,可以自己解决一些问题!其次,解答如下:

1、等分父级宽度,这是flex:1;其中一种使用方法:

http://img1.sycdn.imooc.com//climg/5fb8d93e098c499304140792.jpg

效果:

http://img1.sycdn.imooc.com//climg/5fb8d94509a397d805310134.jpg

2、还可以使用flex:1瓜分剩余空间,例如:

http://img1.sycdn.imooc.com//climg/5fb8d82a099f578004850761.jpg

效果:

http://img1.sycdn.imooc.com//climg/5fb8d8360905578305410168.jpg


left、right都设置了宽度,那么center设置了flex:1;后,就可以占满“box”中除了left和right之外的所有空间。

祝学习愉快~


提问者 小丸子不吃丸子 2020-11-21 15:11:03

我貌似知道了 所有项目属性值都为同一个数字就会等分是么

  • 提问者 小丸子不吃丸子 #1
    flex属性后两个属性flex shrink 和flex basis是可选的 所以 flex:1指的是用flex grow等分容器
    2020-11-21 15:14:57
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师