当前阅读教程:Flex Box语法教程 > flex-shrink项目的缩小比例 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: flex-grow项目的放大比例 | 下一篇: flex-basis项目占据的主轴空间 |
flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。 .item { flex-shrink: <number>; /* default 1 */ } 如果所有项目的flex-shrink属性都为1,当空间不足时,都将等比例缩小。 如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。负值对该属性无效。 |
|
上一篇: flex-grow项目的放大比例 | 下一篇: flex-basis项目占据的主轴空间 |