JavaScript HTML DOM Style alignItems 属性

  • alignItems 属性

    alignItems属性指定flex容器内项的默认对齐方式。
    提示:使用每个项的align-self属性覆盖align-items属性。
    将div元素的所有flex项目的对齐定位在容器的开头:
    //  Safari 7.0+
    document.getElementById("main").style.WebkitAlignItems = "flex-start";
    
    // 标准语法
    document.getElementById("main").style.alignItems = "flex-start";
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    alignItems
    11.0+
    21.0+
    28.0+
    7.0+ Webkit
    12.1+
    注意: Safari支持另一种方法,即WebkitAlignItems属性。
  • 语法

    返回alignItems属性:
    object.style.alignItems
    设置alignItems属性:
    object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
  • 属性值

    描述
    stretch 默认。 项目被拉伸以适合容器
    center 项目位于容器的中心
    flex-start 项目位于容器的开头
    flex-end 项目位于容器的末尾
    baseline 项目位于容器的基线处
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

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

    CSS参考:align-items属性
    HTML DOM STYLE参考:alignContent属性