背景，做一個前面圖片寬度固定，後面寬度自適應，使用到了flex布局，但是想讓後面div裏文字不換行，超出以點點表示時，這時布局就亂了，查了下，原來flex布局與white-space:nowrap有影響

解決辦法，父div設置min-width:0即可

flex: 1;

min-width: 0; 
 

w3c上面是這樣說的

By default, flex items won’t shrink below their minimum content size (the length of the longest word or fixed-size element).

因為設置了white-space:nowrap，所以content沒法收縮了，設置0後就有了固定尺寸就可以收縮了

記錄走過的路，踩過的坑，互勉。

　　前端交流群：87709616

有不同意見的可以留言，我們一起討論。

轉載至：https://segmentfault.com/q/1010000011466651/a-1020000011490454

土旦：關於display:flex碰上white-space nowrap 影響布局的問題