Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Sử dụng đúng thuộc tính flex khi lồng container flex


Flex container luôn là parent và flex item luôn là child vì phạm vi flex formatting context giới hạn trong quan hệ parent/child.

Các con cháu của flex container vượt qua children không thuộc flex layout và sẽ không chấp nhận thuộc tính flex.

Bạn luôn cần dùng −

display: flex

hoặc

display: inline-flex

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

justify-content flex-wrap flex-direction

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

align-self flex-grow flex