位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > flex-shrink项目的缩小比例
阅读(22555525)      收藏       赞(5685)      分享
上一篇: flex-grow项目的放大比例 下一篇: flex-basis项目占据的主轴空间

flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。

.item {
     flex-shrink: <number>; /* default 1 */
}


image.png

如果所有项目的flex-shrink属性都为1,当空间不足时,都将等比例缩小。

如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。负值对该属性无效。


上一篇: flex-grow项目的放大比例 下一篇: flex-basis项目占据的主轴空间
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)