Css-Flex
Css-Flex Css๋ฐฐ์น์ ์์ด์ ๊ฝ์ธ Flex๋ฅผ ๋ค๋ค๋ณด์. ๋จผ์ . Flex๋ฅผ ์ ๋ฐฐ์ฐ๋์ง ๋ถํฐ ์์๋ณด์. 1) ๊ฐ๋จํ๊ณ ๋์ ์ธ ๋ถ๋ถ์์๋ ํจ์จ์ ์ด๋ค 2) ์ํ์ ์ธ ๋ถ๋ถ์์ ์ ๋ ฌ์ ํ๊ณ ์ถ๋ค 1. Flex์ ๊ธฐ๋ณธ Flex์ ๊ธฐ๋ณธ๊ตฌ์กฐ๋ ์๋์ ๊ฐ๋ค. class๋ช
์ธ container์ item์ ๊ด๋ก์ ์ผ๋ก ์ฌ์ฉํ๋ฉฐ, ๋ป ๊ทธ๋๋ก ์์์์ ๋ฌผ๊ฑด๋ค์ด ์๋ค๊ณ ์๊ฐํ๋ฉด ํธํ๋ค. ์ฐ๋ฆฌ๋ ๋ฌผ๊ฑด์ ์ธ๋ก๋ก ๋ฐฐ์นํ ์ง, ๊ฐ๋ก๋ก ๋ฐฐ์นํ ์ง, ๋์์ ๋ฐฐ์นํ ์ง ๋ฑ ์ฌ๋ฌ๊ฐ์ง ๋ฐฉ๋ฒ๋ค๋ก ๋ฐฐ์น๋ฅผ ํ ๊ฒ์ด๋ค. ์ด ๋ ํญ์ margin์ด๋ padding์ ์ค์ผ๋ก์จ ๊ฐ๊ฒฉ์ ์ฃผ๋ ๊ฒ์ ์๋นํ ๋นํจ์จ์ ์ด๋ผ๊ณ ๋ณผ ์ ์๋ค. ๊ทธ๋์ ์ฐ๋ฆฌ๋ "flex"๋ฅผ ์ฌ์ฉํ๋ค. ์ด์ ์์ฑ์ ๋ถ๋ชจ์์์ธ "container"์ ์ ์ฉํ ๊ฒ์ธ๊ฐ? ์์์์์ธ "item"..
2021.08.25