目录

style flexShrink 属性

示例

让蓝色 DIV 元素比其他灵活项目收缩五倍:

document.getElementById("myBlueDiv").style.flexShrink = "5";
亲自试一试 »

描述

flexShrink 属性指定该项目相对于同一容器内的其余灵活项目的收缩方式。

笔记:如果元素不是弹性项目,则 flexShrink 属性不起作用。


浏览器支持

Property
flexShrink Yes 11.0 Yes 9.0 Yes

语法

返回 flexShrink 属性:

object.style.flexShrink

设置 flexShrink 属性:

object.style.flexShrink = "number|initial|inherit"

属性值

Value Description
number A number specifying how much the item will shrink relative to the rest of the flexible items. Default value is 0
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

技术细节

默认值: 1
返回值: 一个 String,表示元素的 flex-shrink 属性
CSS版本 CSS3

相关页面

CSS 参考:伸缩收缩属性

HTML DOM 样式参考:弹性属性

HTML DOM 样式参考:flexBasis 属性

HTML DOM 样式参考:flexDirection 属性

HTML DOM 样式参考:flexFlow 属性

HTML DOM 样式参考:flexGrow 属性

HTML DOM 样式参考:flexWrap 属性