flex-direction ์์ฑ์ ์์ ์์๋ค์ ์ ๋ ฌํ ์ ๋ ฌ ์ถ์ ๊ฒฐ์ ํ๋ค.
์
๋ ฅํ ์ ์๋ ๊ฐ์ผ๋ก๋ row, column, row-reverse, column-reverse๊ฐ ์์
justify-content ์์ฑ์ ์์ ์์๋ค์ ์ํ ๋ฐฉํฅ์ผ๋ก ์ด๋ป๊ฒ ์ ๋ ฌํ ๊ฒ์ธ์ง ๊ฒฐ์ ํ๋ค. ์ ๋ ฅํ ์ ์๋ ๊ฐ์ผ๋ก๋ flex-start , flex-end, center, space-between, space-around์ด ์๋ค.
align-items ์์ฑ์ ์์ ์์๋ค์ ์์ง ๋ฐฉํฅ์ผ๋ก ์ด๋ป๊ฒ ์ ๋ ฌํ ๊ฒ์ธ์ง ๊ฒฐ์ ํ๋ค. ์ ๋ ฅํ ์ ์๋ ๊ฐ์ผ๋ก๋ stretch , flex-start , flex-end , center , baseline ์ด ์๋ค.
์์ด์ด ํ๋ ์ ๋์์ธ
ํ์ฌ ๊น์ง ์์
ํ HTML,CSS ํ์ฉํ ๊ฒฐ๊ณผ๋ฌผ
์ถ๊ฐ์ ์ผ๋ก ํด์ผ ํ ์์