TIL/CSS
-
CSS Flex BoxTIL/CSS 2021. 3. 14. 01:26
Flex 박스와 아이템을 행 / 열 기준으로 자유롭게 배치해줄 수 있음 ⇒ 레이아웃 구성에 필수 cf) float, position, table / float - 이미지 & 텍스트 배치를 위해 만듦 ↔ 아이템 크기에 상관없이 동일한 간격으로 배치도 가능 Container ↔ item : 적용하는 속성이 다름. 수평, 수직 축이 중심이 됨 (main axis ↔ cross axis) ```css .container { display: flex; flex-direction: row-reverse; /*기본값은 row, row-reverse는 순서를 뒤집음,수직: column*/ flex-wrap: nowrap; /*기본값. wrap으로 지정 시 다음 줄로 넘어감, wrap-reverse*/ justify-c..