为什么中间的盒子不设置flex：1会压缩两边的盒子

为什么中间的盒子不设置flex：1；会压缩两边的盒子；
两边的盒子都设置了宽高，

父元素设置了flex，并且没有声明可换行，flex-wrap: wrap; 如果其中一个元素的宽度过大，或者子元素的总宽度超出了父元素的宽，flex就会自动压缩其中子元素的宽度

设了 flex布局 就应该用 flex 定宽
把 width 改为 flex: 0 0 44px; 就可以了

如果想让两边的盒子不被压缩，中间盒子的文字自动换行，可以给不想被压缩的盒子加上flex-shrink: 0; 属性