背景，做一個前面圖片寬度固定，後面寬度自適應，使用到了flex佈局，但是想讓後面div里文字不換行，超出以點點表示時，這時佈局就亂了，查了下，原來flex佈局與white-space:nowrap有影響 解決辦法，父div設置min-width:0即可 w3c上面是這樣說的 By default, ...
背景，做一個前面圖片寬度固定，後面寬度自適應，使用到了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
