JavaScript HTML DOM Style flex 属性

  • flex 属性

    flex属性设置或返回项目的长度,相对于同一容器内的其他灵活项目。flex属性是flexGrowflexShrinkflexBasis属性的简写。
    注意:如果元素不是flex项,则flex属性不起作用。
    无论其内容如何,​​让所有flex项目的长度相同:
    for (i = 0; i < y.length; i++) {
      y[i].style.flex = "1";
    }
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    flex
    11.0+
    10.0 msFlex
    53.0+
    18.0 Webkit
    支持
    6.1 WebkitFlex
    支持
  • 语法

    返回flex属性:
    object.style.flex
    设置flex属性:
    object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
  • 属性值

    描述
    flex-grow 一个数字,指定项目相对于其他灵活项目的增长量
    flex-shrink 一个数字,指定项目相对于其他灵活项目收缩的程度
    flex-basis 物品的长度。 合法值:“auto”,“inherit”或后跟“%”,“px”,“em”或任何其他长度单位的数字
    auto 与1 1 auto相同。
    none 与0 0 auto相同。
    initial 与0 1 auto相同。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

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

    CSS参考:flex 属性