样式 alignSelf 属性
示例
设置弹性元素内其中一个项目以适应容器的对齐方式。
document.getElementById("myBlueDiv").style.alignSelf = "stretch";自己动手试一试 »
描述
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 样式参考：alignContent 属性
HTML DOM STYLE 参考：alignItems 属性
