[flex-box] justify-content
π justify-content
νλ μ€μμ΄ν
λ€μ΄ νλ μ€λ°μ€ μ£ΌμΆμ λ°λΌ λ°°μΉλ λ,
μμ μ¬μ΄μ 곡κ°μ λΆλ°°νλ λ°©μμ κ²°μ ν©λλ€.
justify-content: flex-start; /* κΈ°λ³Έκ°*/
justify-content: flex-end; /*μμλ κ·Έλλ‘ μ μ§νμ± λ€λ‘ λΆμ. 리λ²μ€κ° μλ.*/
justify-self: center; /*κ°μ΄λ° μ λ ¬*/
justify-content: space-around; /*μμλ€μ΄ λμΌν μ¬λ°±μ κ°μ§λ€.*/
justify-content: space-between; /*μλμ μ¬λ°± μμ΄ μμλ€μ λμΌν κ°κ²©μΌλ‘ νΌμΉλ€.*/
justify-content: space-evenly; /*νλ μ€ μ»¨ν
μ΄λκ° μμ μ¬μ΄μ λμΌν μ¬λ°±μ λ§λ λ€.*/
μΆμ²
- μ λ Έμ½λ©
π¬ μ΅μ λκΈ