例
中心為柔性元件內的項目之一的比對:
#myBlueDiv
{
-webkit-align-self: center; /* Safari 7.0+ */
align-self: center;
}
試一試» 定義和用法
調準自屬性指定用於柔性容器內的選定的項目的取向。
Note:該對齊自我屬性將覆蓋軟性容器的對齊項屬性。
默認值: | auto |
---|---|
遺傳: | no |
動畫: | no. Read about animatable |
版: | CSS3 |
JavaScript語法: | object .style.alignSelf="center" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
數字後面-webkit-指定用一個前綴工作的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
align-self | 21.0 | 11.0 | 20.0 | 9 7.0 -webkit- | 12.1 |
CSS語法
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
屬性值
值 | 描述 | 播放 |
---|---|---|
auto | 默認。 元素繼承其父容器的對齊項財產,或"stretch" ,如果它沒有父容器 | 播放 ” |
stretch | 該元件被定位為適合容器 | 播放 ” |
center | 所述元件定位在容器的中心 | 播放 ” |
flex-start | 該元素被定位在容器的開頭 | 播放 ” |
flex-end | 所述元件定位在容器的端部 | 播放 ” |
baseline | 所述元件定位在容器的基線 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
相關頁面
CSS參考: align-content property
CSS參考: align-items property
HTML DOM參考: alignSelf property