flex-grow和flex-shrink的区别

Question

这两种风格有什么不同：

.style1 {
  flex-shrink: 0;
}

.style2 {
  flex-grow: 1;
}

如果我将flex-grow设置为1，这意味着元素不能收缩，反之亦然，对吧？

谢谢。

Answer 1

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

设置‘flex- if :0’意味着如果其他同级元素具有更大的宽度，则可以减小元素的宽度。

值得一读：https://css-tricks.com/snippets/css/a-guide-to-flexbox/