简而言之：在 Flex 布局中，子元素默认 min-width: auto，意思是再怎么缩，也不能比内容最短时更小。如果内容很长且不可断行（如一长串无空格的文本），它就会“撑住不缩”，把其他兄弟元素挤出容器。

加 min-width: 0 就是打破这个默认行为，告诉浏览器：

“这个元素可以为了布局需要，压缩到更小，甚至接近0宽度。”

于是它就能被压缩，给兄弟元素腾出空间，避免溢出或错位。

---

✅ 一句话极简总结：

min-width: 0 让 flex 项学会“谦让”，别因自恋内容破坏整体布局。

💡 只要某个 flex 子项用了 flex: 1 但内容可能很长，就加上它——防挤出、保布局。