flexshrink
收藏：0
阅读：31
Style flexShrink 属性
实例
让蓝色的 DIV 元素收缩到其他灵活项目的五分之一：
document.getElementById("myBlueDiv".style.flexShrink = "5";
定义和用法
flexShrink 属性规定项目将相对于同一容器内其他灵活的项目进行收缩的量。
注意：如果元素不是灵活的项目，则 flexShrink 属性不起作用。
浏览器支持
Firefox、Opera 和 Chrome 支持 flexShrink 属性。
语法
返回 flexShrink 属性：
object.style.flexShrink
设置 flexShrink 属性：
object.style.flexShrink="number|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| number | 一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。 |
| initial | 设置该属性为它的默认值。请参阅 initial。 |
| inherit | 从父元素继承该属性。请参阅 inherit。 |
技术细节
| 默认值： | 1 |
|---|---|
| 返回值： | 字符串，表示元素的 flex-shrink 属性。 |
| CSS 版本 | CSS3 |
相关文章
CSS 参考手册：flex-shrink 属性
HTML DOM STYLE 参考手册：flex 属性
HTML DOM STYLE 参考手册：flexBasis 属性
HTML DOM STYLE 参考手册：flexDirection 属性
HTML DOM STYLE 参考手册：flexFlow 属性
HTML DOM STYLE 参考手册：flexGrow 属性
HTML DOM STYLE 参考手册：flexWrap 属性