flex 布局压缩问题

在 flex 布局中，当有一个元素宽度过长时，另一个元素宽度会被压缩，

如下图：

 

解决办法：在不想被压缩的元素上加上样式 flex-shrink: 0;

效果图：