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

在写界面时遇到一个问题：在flex布局中想实现文字超出隐藏并显示省略号，结果使用white-space:nowrap后，flex布局失效了....

想实现的效果：

结果：

解决办法：

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

总结：

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