flex (1) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [CSS] flex ๐ CSS์์ flex๋? box์ item ๋ฑ์ ํ ๋๋ ์ด๋ก ์์ ์์ฌ๋ก ๋ฐฐ์น์ํฌ ์ ์๋ CSS ์์ฑ์ด๋ค. display: flex; flex-direction : ์ฃผ์ถ ๋ฐฉํฅ ์ค์ · row : ๊ฐ๋ก์ถ → default · row-reverse : ๊ฐ๋ก์ถ(์ญ๋ฐฉํฅ) ← · column : ์ธ๋ก์ถ ↓ · column-reverse : ์ธ๋ก์ถ(์ญ๋ฐฉํฅ) ↑ flex-wrap : ์ค๋ฐ๊ฟ ์ค์ · nowrap : ์ค๋ฐ๊ฟ X (1ํ์ ๋ชจ๋ ๋ฐฐ์น => item width ์๋์ผ๋ก ์ถ์๋จ) default · wrap : ์ค๋ฐ๊ฟ O · wrap-reverse : ์ค๋ฐ๊ฟ O (์ญ๋ฐฉํฅ) โช flex shorthand flew-flow: flex-direction flex-wrap; justify-content : ์ฃผ์ถ(m.. ์ด์ 1 ๋ค์