JavaScript HTML DOM Style flexShrink 属性

  • flexShrink 属性

    flexShrink属性指定项目相对于同一容器内其他flex项目的收缩方式。
    注意:如果元素不是flex项,则flexShrink属性不起作用。
    让蓝色DIV元素比其他flex项目缩小五倍:
    document.getElementById("myBlueDiv".style.flexShrink = "5";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    flexShrink
    11.0+
    支持
    支持
    6.1 WebkitflexShrink
    支持
  • 语法

    返回flexShrink属性:
    object.style.flexShrink
    设置flexShrink属性:
    object.style.flexShrink = "number|initial|inherit"
  • 属性值

    描述
    number 一个数字,指定项目相对于其他灵活项目的收缩量。 默认值为1
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 1
    返回值: 一个字符串,表示元素的flex-shrink属性
    CSS版本 CSS3
  • 相关页面

    CSS参考:flex-shrink属性