记：flex布局遇到white-space:nowrap失效的问题

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_39072332/article/details/100162537
在写界面时遇到一个问题：在flex布局中想实现文字超出隐藏并显示省略号，结果使用white-space:nowrap后，flex布局失效了....

想实现的效果：

结果：

解决办法：

给包含文字元素的父元素设置min-width: 0

总结：

white-space:nowrap会影响flex布局下未设定宽度的元素，而只要对元素的宽度有一个下限设定就可以解决这个问题，不管是最小宽还是直接的宽度都ok

————————————————
版权声明：本文为优快云博主「南乔几经秋」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/weixin_39072332/article/details/100162537