12/22(κΈ) λ΄μΌλ°°μμΊ ν Java 2μΌμ°¨ TIL - κΉνλΈ
μ€λμ ννλ‘μ νΈμ κΉνλΈμ μ§μ€ν ν루μμ΅λλ€.
cssμμ
display: flex;
flex-direction: row;
justify-content: space-evenly;
λΌλ μ½λλ₯Ό μ¬μ©νμ΅λλ€.
μ΄ μ½λλ Flexboxλ₯Ό μ΄μ©νμ¬ νλ©΄μ μνμΌλ‘ μ λ ¬νλ©°,
space-evenly μμ±μ κ° μμ μ¬μ΄μ 곡κ°μ λμΌνκ² λ°°λΆνλ μν μ ν©λλ€.
κΉνλΈ μμ
μ μλ¬ μμ΄ μμ‘°λ‘κ² μ§νλμ΄ κΈ°λΆμ μ’μμ§λ§,
μ½λμ λν μ΄ν΄κ° λΆμ‘±ν λ μμ μκ² μ€λ§μ€λ¬μ΄ μκ°μ΄μμ΅λλ€.
κ·Έλ¬λ νν°λμ μ‘°μΈμΌλ‘ μλ μ²μμλ κ·Έλ λ€,
μ‘°κΈλ§ λ 견λλ©΄ λλ€λ κ²©λ €λ₯Ό λ°μμ΅λλ€.
κΈ°μ μ μΈ λΆλΆμμ λ―Έμν¨μ λλΌλ©΄μλ,
λ΄μΌμ λ λμ λλ‘ μ±μ₯ν μ μμ κ²μ΄λΌκ³ μκ°μ ν΄λ΄
λλ€.
μ£Όλ³μ λλ£λ€μ λΉκ΅νλ©° μμ μ μκ² λλ λκ° μμμ§λ§,
μ΄λ¬ν λ§μκ°μ§μ μ±μ₯μ λ°©ν΄νλ μμΈμ΄ λ μ μλ€λ μκ°μ νκ² λμμ΅λλ€.
νμ§λ§ λ΄μΌμ λ μ΄μ¬ν 곡λΆνκ³ μ±μ₯νλ λ°νμΌλ‘ μΌκ² μ΅λλ€.
μμ‘΄κ°μ μ μ§νλ©΄μ λ λμ κ°λ°μλ‘ κ±°λλ μ μλλ‘ λ
Έλ ₯νλ©°,
μ£Όλ³μ μ±κ³΅μ λ΄ μ±μ₯μ λκΈ°λ‘ μΌμκ°κ² μ΅λλ€.
μ€λμ νμμ° λ...
λ΄μΌ λ νλ
μλ€.