为啥弹性项目宽度随着 flex-grow 增长:0 [重复]

Posted

技术标签:

【中文标题】为啥弹性项目宽度随着 flex-grow 增长:0 [重复]【英文标题】:Why flex items width grow with flex-grow: 0 [duplicate]为什么弹性项目宽度随着 flex-grow 增长:0 [重复] 【发布时间】:2021-08-19 12:46:25 【问题描述】:

我遇到的最后一个问题与这里的链接相同:Width ignored on flexbox items 一切看起来都很好,但在最后一刻,我想改变弹性容器的方向,所以我添加了flex-direction: column;,然后弹性项目会像容器一样宽,但我确实有flex-grow: 0; 谁能解释为什么结果会这样吗?非常感谢!

【问题讨论】:

【参考方案1】:

flex-grow 是弹性项目在flex-direction 给出的方向上的能力。

您要搜索的是align-items

【讨论】:

以上是关于为啥弹性项目宽度随着 flex-grow 增长:0 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

固定位置元素继承弹性项目的宽度

为啥弹性项目的宽度和高度会影响弹性项目的呈现方式?

display:flex 的弹性盒子中,flex-grow:2 不生效的解决方法

弹性盒子模型属性之flex-grow

为啥弹性项目不缩小超过内容大小?

弹性盒