[flex-box] justify-content
๐ justify-contentPermalink
ํ๋ ์ค์์ดํ
๋ค์ด ํ๋ ์ค๋ฐ์ค ์ฃผ์ถ์ ๋ฐ๋ผ ๋ฐฐ์น๋ ๋,
์์ ์ฌ์ด์ ๊ณต๊ฐ์ ๋ถ๋ฐฐํ๋ ๋ฐฉ์์ ๊ฒฐ์ ํฉ๋๋ค.
justify-content: flex-start; /* ๊ธฐ๋ณธ๊ฐ*/
justify-content: flex-end; /*์์๋ ๊ทธ๋๋ก ์ ์งํ์ฑ ๋ค๋ก ๋ถ์. ๋ฆฌ๋ฒ์ค๊ฐ ์๋.*/
justify-self: center; /*๊ฐ์ด๋ฐ ์ ๋ ฌ*/
justify-content: space-around; /*์์๋ค์ด ๋์ผํ ์ฌ๋ฐฑ์ ๊ฐ์ง๋ค.*/
justify-content: space-between; /*์๋์ ์ฌ๋ฐฑ ์์ด ์์๋ค์ ๋์ผํ ๊ฐ๊ฒฉ์ผ๋ก ํผ์น๋ค.*/
justify-content: space-evenly; /*ํ๋ ์ค ์ปจํ
์ด๋๊ฐ ์์ ์ฌ์ด์ ๋์ผํ ์ฌ๋ฐฑ์ ๋ง๋ ๋ค.*/
์ถ์ฒPermalink
- ์ ๋ ธ์ฝ๋ฉ
๐ฌ ์ต์ ๋๊ธ