Html flex wrap:nowrap是否会导致flex项目溢出容器或收缩到容器内？

诺拉普

弹性项目在一行中布置，这可能导致弹性 容器溢出

在这个特定的页面上有两个nowrap示例显示了两种不同的效果，顶部的第一个示例显示溢出效果，而底部的第二个示例显示项目收缩以适合容器内部

---

这是为什么？

两个因素：1）柔性收缩2）最小宽度约束。换句话说，这个项目可以缩小，但有一个限制，如果我们达到这个限制，我们已经溢出。谢谢你回答我的问题。但是如果你检查一下我提到的第一个例子。它没有设置min width或flex shrink:0，那么为什么它没有收缩，而是溢出？这正是因为您没有设置min width，并且有一个默认设置可以防止收缩超过内容大小