Majadiliano ya align-self ya CSS

定义和用法

align-self 属性指定弹性容器内所选项目的对齐方式。

注意：align-self 属性将覆盖弹性容器的 align-items 属性。

另请参阅：

CSS 教程：CSS Grid

CSS 教程：Flexbox ya CSS

CSS 参考手册：align-content 属性

CSS 参考手册：align-items 属性

CSS 参考手册：justify-self 属性

HTML DOM 参考手册：alignSelf 属性

实例

把弹性元素内的项目之一居中对齐：

#myBlueDiv {
  align-self: center;
}

亲自试一试

CSS 语法

align-self: 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.

Mafanikio ya mbinu

Chaguo cha kuzingatia: auto
Kuwasiliana: Hakuna
Sauti ya sauti: Haiwezi kutumika. Tazama:Mafanikio ya sauti.
Sukumvi: CSS3
Inayotumiwa kwa KiJavaScript: object.style.alignSelf="center"

Mwongozo wa kina

Jadili ya ukurasa wa mtangao kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina kina inaeleza sababu kwa kina cha kwanza cha programu ya kusoma intanet inasaa kusaidia hii kina

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0