<content-position>

<content-position> 列舉值型別用於 justify-contentalign-content 屬性,以及 place-content 簡寫屬性,用於在盒內對齊盒的內容。

語法

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

<content-position> 列舉值型別使用以下關鍵詞之一指定。

center

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

start

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

end

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

flex-start

在彈性佈局中,將對齊主體與對齊容器的邊緣對齊,該邊緣對應於彈性容器的主軸起始側或交叉軸起始側(視情況而定)。對於彈性佈局之外的佈局模式,它與 start 相同。

flex-end

在彈性佈局中,將對齊主體與對齊容器的邊緣對齊,該邊緣對應於彈性容器的主軸結束側或交叉軸結束側(視情況而定)。對於彈性佈局之外的佈局模式,它與 end 相同。

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

規範

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

另見