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