flex和flex-grow的区别?

flex和flex-grow的区别?

flex-grow是均分剩余空间 ,那么flex是什么属性呢、、之前的课程没有讲过flex容器的子项目还有这个属性

正在回答

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

1回答

1、flex属性是flex-grow, flex-shrink 和 flex-basis的简写属性,默认值为0 1 auto,后两个属性可选;flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。

语法:

flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;

2、flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。如果所有项目的flex-grow属性都为1,则它们将等分剩余空间(如果有的话)。如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。

希望可以帮到你~

  • 纯情掉了一地 提问者 #1
    非常感谢!
    2018-02-06 21:31:00
  • 纯情掉了一地 提问者 #2
    我弄明白了,flex分配所有空间,grow是剩余空间。
    2018-02-06 21:32:02
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
jQuery深入&移动端开发 2018
  • 参与学习       262    人
  • 提交作业       56    份
  • 解答问题       119    个

由于上网的设备多样化,互联网开发越来越倾向于移动端;由于移动设备的多样性、响应式布局越来越被看重;如果你不想局限于pc端,就来这和大牛们一起体验移动响应式开发吧。

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

在线咨询

领取优惠

免费试听

领取大纲

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