Style alignSelf 属性
描述
alignSelf 属性指定灵活容器内所选项目的对齐方式。
注意： alignSelf 属性会覆盖灵活容器的 alignItems 属性。
语法
返回 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 |
浏览器支持
alignSelf 是 CSS3 (1999) 功能。
它在所有浏览器中得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
相关页面
CSS 参考： align-self 属性
HTML DOM STYLE 参考： alignContent 属性
HTML DOM STYLE 参考： alignItems 属性
