解決父元素display:flex布局下的子元素寬度被壓縮問題

因為設置了display: flex; 導致block布局變成了flex布局， 所以在子元素寬度沒有被撐破的情況下，子元素寬度是有效的，但是當子元素內容過多，此時寬度會比實際寬度小，所以如果想要在已經設置了flex布局的基礎上，再進行子元素寬度的設置，可以應用下面的樣式：（在該子元素上設置）

width: 120px;
flex-shrink: 0; /* 用數值來收縮比例 默認值為1 */

　　

轉自：https://www.jianshu.com/p/f9fe4157e7cb