<self-position>

<self-position> 列舉值資料型別用於 justify-selfalign-self 屬性,以及 place-self 簡寫屬性,用於將其盒子在其對齊容器中對齊。它還用於 justify-itemsalign-items 屬性,以及 place-items 簡寫屬性,用於指定 justify-selfalign-self 的預設值。

語法

<self-position> = center | start | end | self-start | self-end | flex-start | flex-end

以下關鍵字值由 <self-position> 語法術語表示

center

對齊主題在其對齊容器中居中。

start

將對齊主題與對齊容器的起始邊緣對齊。

end

將對齊主題與對齊容器的結束邊緣對齊。

self-start

將對齊主題與對齊容器的邊緣對齊,該邊緣與對齊主題的起始側對應。

self-end

將對齊主題與對齊容器的邊緣對齊,該邊緣與對齊主題的結束側對應。

flex-start

在彈性佈局中,將對齊主題與對齊容器的邊緣對齊,該邊緣與彈性容器的主軸起始側或交叉軸起始側對應。對於彈性佈局以外的佈局模式,它與 start 相同。

flex-end

在彈性佈局中,將對齊主題與對齊容器的邊緣對齊,該邊緣與彈性容器的主軸結束側或交叉軸結束側對應。對於彈性佈局以外的佈局模式,它與 end 相同。

注意: leftright 關鍵字被排除在 <self-position> 之外,儘管它們是 justify-* 屬性(justify-contentjustify-selfjustify-items)的有效位置對齊值,因為它們不允許在 align-* 屬性(align-contentalign-selfalign-items)中使用。它們被明確包含在 justify-* 屬性的語法中。

規範

規範
CSS Box Alignment Module Level 3
# typedef-self-position

另見