CSS Flex 1차원 레이아웃 구조(x축, y축 중 1개의 축만 사용)로 각각의 요소를 수평 정렬하거나 수직 정렬할 때 사용 flex-direction 속성을 통해 x축, y축 중 1개의 축을 주축으로 정하면 나머지 축은 교차축이 된다. 주축과 교차축은 고정되어 있지 않고 상대적인 개념이기 때문에 flex-direction 속성으로 주축, 교차축을 정하는 것이 전제가 되어야 한다. Flex container display flex : block 요소와 비슷. 수직, 가로 너비가 최대한 늘어나려고 함 inline-flex : inline 요소와 비슷. 수평, 가로 너비가 최대한 줄어들려고 함. 글자를 다루는 경우를 위한 요소 flex-direction : 어느 축을 사용해서 정렬될 것인지를 결정해주는 속..
