CSS中的flex-shrink属性用于设置弹性盒子元素的缩小比例,当弹性盒子容器的可用空间不足时,元素会按照缩小比例进行缩小。该属性的语法如下:
flex-shrink: <number>
其中,<number>表示缩小比例,必须为非负数,默认值为1。如果所有元素的缩小比例都为1,当空间不足时它们将等比例缩小,如果某个元素的缩小比例为0,则即使空间不足它也不会被缩小。
需要注意的是,flex-shrink属性只在剩余空间为负数时才会生效,如果所有元素的缩小比例都为0或者剩余空间为正数,则不会进行缩小。
flex-shrink属性常和flex-grow和flex-basis一同使用,它们分别用于设置弹性盒子元素的放大比例和基准大小。这三个属性共同作用,可以实现弹性盒子元素的自适应布局。