[CSS] ํ๋ ์ค ๋ฐ์ค ์ฃผ์ถ ํญ๋ชฉ ์ ๋ ฌ ์์ฑ โ๏ธ
ยท
CSS
ํ๋ ์ค ์ปจํ
์ด๋์ ๋ฐฐ์น ๊ด๋ จ ์์ฑํ๋ ์ค ์ปจํ
์ด๋์ ์ฃผ์ถ์์ ๋๋ ๊ต์ฐจ์ถ์์ ์์๋ฅผ ์ด๋ป๊ฒ ์ ๋ ฌํ ๊ฒ์ธ์ง ์ง์ ํ๋ ์์ฑ์ด๋ค.์์ฑ๊ฐ์ค๋ช
justify-content์ฃผ์ถ์ ์ ๋ ฌ ๋ฐฉ๋ฒalign-items๊ต์ฐจ์ถ์ ์ ๋ ฌ ๋ฐฉ๋ฒalign-content๊ต์ฐจ์ถ์ ์ฌ๋ฌ ์ค๋ก ํ์ํ ๋ ์ฌ์ฉํ๋ ์ ๋ ฌ ๋ฐฉ๋ฒflex-direction์ ์์ฑ๊ฐflex-direction ์์ฑ์ ํ๋ ์ค ์ปจํ
์ด๋์ ์ฃผ์ถ๊ณผ ๋ฐฉํฅ์ ์ง์ ํ๋ ์์ฑ์ด๋ค.์์ฑ๊ฐ์ค๋ช
row์ฃผ์ถ์ ๊ฐ๋ก๋ก ์ง์ ํ๊ณ ์ผ์ชฝ์์ ์ค๋ฅธ์ชฝ์ผ๋ก ์ ๋ ฌ. ๊ธฐ๋ณธ๊ฐrow-reverse์ฃผ์ถ์ ๊ฐ๋ก๋ก ์ง์ ํ๊ณ ์ค๋ฅธ์ชฝ์์ ์ผ์ชฝ์ผ๋ก ์ ๋ ฌcolumn์ฃผ์ถ์ ์ธ๋ก๋ก ์ง์ ํ๊ณ ์์ชฝ์์ ์๋์ชฝ์ผ๋ก ์ ๋ ฌcolumn-reverse์ฃผ์ถ์ ์ธ๋ก๋ก ์ง์ ํ๊ณ ์๋์ชฝ์์ ์์ชฝ์ผ๋ก ์ ๋ ฌ ํ๋ ์ค ํญ๋ชฉ์ ์ค์ ๋ฐ๊พธ๋ flex-wrap ..