flex-grow 和 flex-shrink 之间的区别 [重复]答案

【问题标题】：Difference between flex-grow and flex-shrink [duplicate]flex-grow 和 flex-shrink 之间的区别 [重复]
【发布时间】：2018-04-17 21:31:54
【问题描述】：

这两种风格有什么区别：

.style1 {
  flex-shrink: 0;
}

.style2 {
  flex-grow: 1;
}

如果我将 flex-grow 设置为 1，则表示元素不能收缩，反之亦然，对吧？

谢谢。

【问题讨论】：

什么？这不是同一个问题！ @LGSon——”
添加了第二个链接并更新了第一个
另外，问题不必相同，只要答案可以回答两个问题即可。
简单来说，flex-grow 表示是否增长，flex-grow: 0 表示不增长，flex-shrink 表示是否收缩，flex-shrink: 0 表示不增长收缩。

标签： css flexbox

【解决方案1】：

设置 ‘flex-grow: 1’ 是默认值，这将允许元素均匀地增加宽度。

设置 'flex-shrink: 0' 意味着如果其他兄弟元素的宽度更大，则可以减小元素宽度。

【讨论】：