flex 布局壓縮問題

在 flex 布局中，當有一個元素寬度過長時，另一個元素寬度會被壓縮，

如下圖：

 

解決辦法：在不想被壓縮的元素上加上樣式 flex-shrink: 0;

效果圖：