【问题标题】:CSS flex and single digit [duplicate]CSS flex和个位数[重复]
【发布时间】:2018-03-13 14:33:59
【问题描述】:

所以,flex 代表 flex-growflex-shrinkflex-basis 的组合。默认值为0 1 auto

但是如果flex 有一个数字,比如flex: 1;,该怎么办?这是否意味着flex-grow: 1?其余两个参数的值是多少?

【问题讨论】:

  • 那么,为什么不使用 flex-grow: 1;直接代替 flex: 1;是一样的吧?
  • 所以,flex: 1 被解释为1 1 0 而不是1 1 auto
  • 正确,根据规范...虽然在 IE 中是 1 1 0px。欺骗链接有更多注释

标签: html css flexbox


【解决方案1】:

flex: 1flex: 1 1 0 相同

Google 是你的朋友:

https://www.w3.org/TR/css-flexbox-1/#flex-common

弹性:(正数)

使弹性项目灵活并将弹性基础设置为零, 导致获得指定比例的项目 flex 容器中的可用空间。如果 flex 容器中的所有项目 使用这种模式,它们的大小将与指定的成正比 弹性系数。等效于 flex: 1 0。

【讨论】:

    猜你喜欢
    • 2018-02-14
    • 2020-07-07
    • 2023-01-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多