Computer >> Máy Tính >  >> Lập trình >> Javascript

Sử dụng đúng các thuộc tính flex khi lồng các thùng chứa flex


Vùng chứa flex luôn là mục gốc và mục flex luôn là mục con vì phạm vi của ngữ cảnh định dạng flex được giới hạn trong mối quan hệ mẹ / con.

Con cháu của vùng chứa flex ngoài phần con không phải là một phần của bố cục flex và sẽ không chấp nhận các thuộc tính flex.

Bạn cần luôn sử dụng -

display: flex

hoặc

display: inline-flex

Một số thuộc tính flex chỉ áp dụng cho vùng chứa flex -

justify-content
flex-wrap
flex-direction

Một số thuộc tính flex chỉ áp dụng cho các mục flex -

align-self
flex-grow
flex