[HTML] flex 레이아웃 속성 정리 표

flex	direction	row(default)		메인 축을 기준으로 정렬
		row-reverse		메인 축을 기준으로 반대로 정렬
		column		세로로 정렬
		column-reverse		세로 반대로 정렬
	wrap	nowrap(default)		줄 안바꾸고 한 줄로 처리
		warp		넘치는 것은 다음 줄로 넘김
		warp-reverse		wrap을 반대로 정렬
	flow			방향과 줄 넘김을 동시에 설정
justify	content	flex-	start	시작점 기준으로 정렬
			end	끝점 기준으로 정렬
		center		가운데 정렬
		space-	around	양팔벌려 좌우로 나란히
			evenly	한팔벌려 좌우로 나란히
			between	양쪽 여백 제외하고 사이 여백 고르게
align	items	flex	start	교차축 시작점 기준으로 정렬
		flex	end	교차축 끝점 기준으로 정렬
		center		교차축 중간 정렬
		stretch		늘리기
		baseline		block 안의 글자 끝 선에 맞춤
	content (wrap 성질에 의해 여러 줄이 발생한 경우에만)	flex-	start	위로부터 정렬
			end	아래로부터 정렬
		center		가운데 정렬
		stretch		늘리기
		baseline		block 안의 글자 끝 선에 맞춤
		space	around	양팔벌려 좌우로 나란히
			between	양쪽 여백 제외하고 사이 여백 고르게