Flex弹性布局 部分元素被挤压的解决方法
2022-06-04 本文已影响0人
CentForever
image.png
flex-shrink 属性定义了项目的缩小比例，默认为1
即如果空间不足，该项目将缩小，它还有另外一个值，就是0
image.png
如果在子元素的 css 样式中添加 flex-shrink 属性， 然后把值改为 0
flex-shrink：0 ，那么当前元素就不会被其他
image.png
image.png
image.png
image.png
