justify-content
-
[CSS] justify-self개발/HTML CSS 2022. 1. 31. 19:18
MDN을 보면 다음과 같은 설명이 있습니다. flex 레이아웃에서는 적용이 되지 않는다고요. 그래서 예제를 보면 grid layout으로 되어 있습니다. 여기서 궁금한 건 flex 레이아웃에서 적용이 안 되는 이유입니다. more을 클릭해서 확인해봅시다. 여러가지 설명이 나오는데 간단하게 정리하고 넘어가겠습니다. 기본으로 설정된 메인 축(main axis)는 row입니다. 쉽게 말하면 가로 방향입니다. 가로 방향은 inline direction이라고도 표현할 수 있습니다. flex-direction:column; 명령어를 통해 메인 축을 column 방향으로 바꿀 수 있습니다. 쉽게 말해 세로 방향입니다. block direction이라고 표현할 수 있습니다. justify-content는 메인 축 방향..