編程教程CSSalign-self屬性
CSS 參考手冊
定義和用法
align-self 屬性定義flex子項單獨在側(cè)軸（縱軸）方向上的對齊方式。。
注意：align-self 屬性可重寫靈活容器的 align-items 屬性。
| 默認(rèn)值： | auto |
|---|---|
| 繼承： | 否 |
| 可動畫化： | 否。請參閱可動畫化（animatable）。 |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.alignSelf="center" |
CSS 語法
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
參數(shù)
| 值 | 描述 | 測試 |
|---|---|---|
| auto | 默認(rèn)值。元素繼承了它的父容器的 align-items 屬性。如果沒有父容器則為 "stretch"。 | 測試 ? |
| stretch | 元素被拉伸以適應(yīng)容器。 | 測試 ? |
| center | 元素位于容器的中心。 | 測試 ? |
| flex-start | 元素位于容器的開頭。 | 測試 ? |
| flex-end | 元素位于容器的結(jié)尾。 | 測試 ? |
| baseline | 元素位于容器的基線上。 | 測試 ? |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請參閱initial。 | 測試 ? |
| inherit | 從父元素繼承該屬性。請參閱inherit。 |
實例
實例
居中對齊彈性對象元素內(nèi)的某個項：
#myBlueDiv
{
align-self:center;
}
{
align-self:center;
}
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器的版本號。
緊跟在 -webkit-, -ms- 或 -moz- 后的數(shù)字為支持該前綴屬性的第一個版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| align-self | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- | 12.1 |
相關(guān)文章
CSS 參考手冊：align-content 屬性
CSS 參考手冊：align-items 屬性
CSS 參考手冊