css - flex 项目如果 wrap 将挤压另一个固定宽度的 flex 项目空间

Question

demo: https://jsfiddle.net/1nogrctj/

您可以看到第二行中的 '50' 不够 50px，因为下一个 flex 项目是 wrap！

如果下一个弹性项目没有经线，则“50”获得正确的宽度。

那么如何避免呢？

标签： cssflexbox

Answer 1

我找到了正确的答案，因为修复宽度项需要一个属性：'flex-shrink: 0'。