<content-position>
Kiểu giá trị liệt kê <content-position> được sử dụng bởi các thuộc tính justify-content và align-content, và viết tắt place-content, để căn chỉnh nội dung của hộp bên trong chính nó.
Cú pháp
<content-position> = center | start | end | flex-start | flex-end
Giá trị
Kiểu giá trị liệt kê <content-position> được chỉ định bằng một trong các từ khóa sau.
center-
Căn giữa đối tượng căn chỉnh trong container căn chỉnh của nó.
start-
Căn chỉnh đối tượng căn chỉnh sát với cạnh bắt đầu của container căn chỉnh.
end-
Căn chỉnh đối tượng căn chỉnh sát với cạnh kết thúc của container căn chỉnh.
flex-start-
Trong bố cục flex, căn chỉnh đối tượng căn chỉnh sát với cạnh của container căn chỉnh tương ứng với cạnh đầu trục chính hoặc đầu trục ngang của flex container, tùy theo trường hợp. Nó giống với
startcho các chế độ bố cục khác ngoài bố cục flex. flex-end-
Trong bố cục flex, căn chỉnh đối tượng căn chỉnh sát với cạnh của container căn chỉnh tương ứng với cạnh cuối trục chính hoặc cuối trục ngang của flex container, tùy theo trường hợp. Giống với
endcho các chế độ bố cục khác ngoài bố cục flex.
Note:
Các từ khóa left và right bị loại trừ khỏi <content-position>, dù chúng là các giá trị căn chỉnh theo vị trí hợp lệ cho các thuộc tính justify-* (justify-content, justify-self và justify-items), vì chúng không được phép trong các thuộc tính align-* (align-content, align-self và align-items). Thay vào đó chúng được bao gồm rõ ràng trong ngữ pháp của các thuộc tính justify-*.
Thông số kỹ thuật
| Specification |
|---|
| CSS Box Alignment Module Level 3 # typedef-content-position |
Xem thêm
- Các thuộc tính sử dụng kiểu dữ liệu này:
align-content,justify-content,place-content - Các kiểu dữ liệu căn chỉnh hộp khác:
<baseline-position>,<content-distribution>,content-position,<overflow-position>, và<self-position> - Mô-đun CSS box alignment
- Mô-đun CSS flexible box layout
- Mô-đun CSS grid layout