先说解决方案，一个是给子元素定宽，一个是使用flex-shrink,如果内容不固定的话，定宽就显得不合理

这里使用了flex-shrink

flex-shrink 属性指定了 flex 元素的收缩规则，默认值是1。在flex 元素的默认宽度之和大于容器的宽度时候，元素会发生收缩，其收缩的大小的依据是 flex-shrink 值。

使用flex-shrink需要注意

如果元素不是弹性盒对象的元素，则 flex-shrink 属性不起作用。