Flex弹性布局 部分元素被挤压的解决方法

解决方法很简单, 就是使用 flex-shrink 属性;

Flex弹性布局 部分元素被挤压的解决方法_第1张图片

flex-shrink 属性定义了项目的缩小比例,默认为1

即如果空间不足,该项目将缩小,它还有另外一个值,就是0

如果在子元素的 css 样式中添加 flex-shrink 属性, 然后把值改为 0

flex-shrink:0 ,那么当前元素就不会被其他子元素挤压

你可能感兴趣的:(CSS3)