flex布局中设置宽度被压缩的问题

By | 2023年1月4日

问题描述

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

问题分析

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

解决方法

给固定宽度的元素添加flex-shrink:0

flex-shrink:0;