Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

플렉스 컨테이너를 중첩할 때 플렉스 속성의 적절한 사용


플렉스 형식 지정 컨텍스트의 범위가 부모/자식 관계로 제한되기 때문에 플렉스 컨테이너는 항상 부모이고 플렉스 항목은 항상 자식입니다.

자식을 넘어선 플렉스 컨테이너의 자손은 플렉스 레이아웃의 일부가 아니며 플렉스 속성을 허용하지 않습니다.

항상 −

를 사용해야 합니다.
display: flex

또는

display: inline-flex

일부 플렉스 속성은 플렉스 컨테이너에만 적용됩니다. −

justify-content
flex-wrap
flex-direction

플렉스 항목에만 적용되는 일부 플렉스 속성 -

align-self
flex-grow
flex