css 设置div 为display:flex; 后 子元素设置的宽度会变形,如何强制不变形

如何强制子元素的div 设置的宽度不变形呢?元素模板为您解答
问题描述：

在父级中设置了display:flex;父元素宽度不够的时候，子元素就算设置的宽度，也会被压缩；

产生原因：

当子元素设置固定宽度，如果整体宽度不足时，会把固定宽度给压缩

解决方法: 给固定宽度的元素添加flex-shrink:0

flex-shrink:0;