定義和(hé)用(yòng)法
align-self 屬性指定彈性容器内所選項目的對(duì)齊方式。
注意:align-self 屬性将覆蓋彈性容器的 align-items 屬性。
實例
把彈性元素内的項目之一居中對(duì)齊:
#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 | 元素位于容器的開(kāi)頭。 |
flex-end | 元素位于容器的末端。 |
baseline | 元素被定位到(dào)容器的基線。 |
initial | 将此屬性設置爲其默認值。參閱 initial。 |
inherit | 從(cóng)其父元素繼承此屬性。參閱 inherit。 |