HTML - Flex 레이아웃과 용어

• 콘텐츠 블록을 위한 레이아웃 ( 콘텐츠 블록을감싸는 블록의 레이아웃, 콘텐츠 자체를 감싸는 블록의 레이아웃 )

• Flex 컨테이너와 용어

-> 수직방향, 수평방향 나열도 가능하다.

• 방향설정하기

• flex-direction : row -> 수평축 배치
  row-reverse -> 역방향 배치 column -> 수직으로정렬 column-reverse -> 수직역방향

• flex-wrap : nowrap -> wrap -> 쭉나열하다가 원하는시점에 내려가게할수있음
  wrap-reverse

• 메인축 (main-axis )정렬옵션
  • justify-content flex-start flex-end center space-between space-around
• 수직축(cross-axis) 정렬옵션
  • align-items stretch flex-start flex-end center space-between space-around

출처 : 뉴렉선생님 https://youtu.be/oA5n9jNYr5k