<content-position>
<content-position> 列舉值型別用於 justify-content 和 align-content 屬性,以及 place-content 簡寫屬性,用於在盒內對齊盒的內容。
語法
<content-position> = center | start | end | flex-start | flex-end
值
<content-position> 列舉值型別使用以下關鍵詞之一指定。
centerstart-
將對齊主體與對齊容器的起始邊緣對齊。
end-
將對齊主體與對齊容器的結束邊緣對齊。
flex-start-
在彈性佈局中,將對齊主體與對齊容器的邊緣對齊,該邊緣對應於彈性容器的主軸起始側或交叉軸起始側(視情況而定)。對於彈性佈局之外的佈局模式,它與
start相同。 flex-end-
在彈性佈局中,將對齊主體與對齊容器的邊緣對齊,該邊緣對應於彈性容器的主軸結束側或交叉軸結束側(視情況而定)。對於彈性佈局之外的佈局模式,它與
end相同。
注意:left 和 right 關鍵詞被排除在 <content-position> 之外,儘管它們是 justify-* 屬性(justify-content、justify-self 和 justify-items)的有效位置對齊值,因為它們不允許在 align-* 屬性(align-content、align-self 和 align-items)中使用。它們在 justify-* 屬性的語法中被明確包含。
規範
| 規範 |
|---|
| CSS Box Alignment Module Level 3 # typedef-content-position |
另見
- 使用此資料型別的屬性:
align-content、justify-content、place-content - 其他盒對齊資料型別:
<baseline-position>、<content-distribution>、content-position、<overflow-position>和<self-position> - CSS 盒模型對齊模組
- CSS 彈性盒子佈局模組
- CSS 網格佈局模組