flex 컨테이너 (Parent) 의 속성

Contents 정렬

본격적으로 html의 레이아웃을 조정할 수 있다

https://www.w3schools.com/css/css3_flexbox_container.asp#flex-direction

 

flex-direction

(Main Axis)

flex-direction:	column;	column-reverse;	row ;(기본값)	row-reverse;
방향	1 2 3	3 2 1	1 2 3 4	4 3 2 1
justifty-content	세로		가로
align-items	가로		세로

 

 justifty-content (수평 정렬)                          align-items (수직 정렬)

flex-start	flex-start
flex-end	flex-end
center	center
space-between	stretch