JavaScript HTML DOM Style alignSelf 属性

  • alignSelf 属性

    alignSelf属性指定flex容器内所选项的对齐方式。
    注意alignSelf属性会覆盖灵活容器的alignItems属性。
    设置flex元素内其中一个项目的对齐方式以适合容器:
    //   Safari 7.0+
    document.getElementById("myBlueDiv").style.WebkitAlignSelf = "stretch"; 
    
    // 标准语法
    document.getElementById("myBlueDiv").style.alignSelf = "stretch";
    
    尝试一下
  • 浏览器支持

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

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

    描述
    auto 默认。 该元素继承其父容器的align-items属性,如果没有父容器则继承“stretch”
    stretch 该元件定位成适合于该容器
    center 元素位于容器的中心
    flex-start 元素位于容器的开头
    flex-end 元素位于容器的末端
    baseline 元素位于容器的基线处
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

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

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