안녕하세요. 이전에 margin: auto; 를 공부하면서 수평정렬은 되는데 왜 수직정렬은 안될까? 가 궁금해서 내용을 찾아보았는데요,

웹 규격을 정할 때 'margin: auto는 위아래 여백 없이 가로 중앙에 배치되는 가장 기본적인 서식이다.' 라고 정해뒀기 때문이라는걸 알게 되었습니다.

이후 부모의 요소에 display: flex; 를 주어 flexbox를 만들고 자식 요소에 margin: auto;를 주면

이전처럼 수평중앙정렬이 아닌 수평+수직중앙정렬이 되는 것을 보고 궁금한 점이 생겼습니다.

부모요소가 display: flex;이고 자식 요소가 margin: auto; 이면

margin의 규격(?) 인 '위아래 여백 없이 가로 중앙에 배치된다.' 보다 flexbox의 속성(?)인 부모요소에 맞춰 상/하/좌/우 중앙정렬이 더 우선하는걸까요?

부모요소가 flex가 아닐 때는 자식에 margn: auto를 줘도 수직/수평중앙정렬이 되지 않아 flexbox의 특성 중 하나인지 궁금합니다.

감사합니다!