- Flexbox는 컨테이너 요소에
display: flex;
속성을 추가하여 사용할 수 있다. 🧑💻 - 주축과 수직축의 두 축을 가진다. 🏹
flex-direction
속성을 사용하여 주축의 방향을 변경할 수 있다. ➡️⬅️justify-content
속성을 사용하여 주축 방향으로 항목의 정렬을 조절할 수 있다. 🧘♀️💯align-items
속성은 수직축 방향으로 항목의 정렬을 조절하는 데 사용된다. 🧲flex-wrap
속성을wrap
으로 설정하면 항목이 여러 줄로 둘러싸여 표시된다. 🌀align-content
속성을 사용하여 여러 줄에 있는 항목의 정렬을 변경할 수 있다. 🤸♀️flex-shrink
,flex-grow
,flex-basis
속성은 항목의 크기 조절을 제어한다. 📈📉📏