반응형 justify-content1 CSS | 플렉스(Flex, Flexbox, Flexible Box Layout) 레이아웃 배치 ⭕ CSS | 플렉스(Flex, Flexbox, Flexible Box Layout) 레이아웃 배치레이아웃을 배치하기 위한 기능구성 요소 플렉스 컨테이너(Flex Container): 플렉스 레이아웃을 적용받는 부모 요소 플렉스 아이템(Flex Item): 플렉스 컨테이너 안에 배치되는 자식 요소 축메인축(Main Axis): 아이템들이 배치되는 주 축입니다.교차축(Cross Axis): 메인축에 수직으로 있는 축입니다. ➡️ 플렉스 컨테이너(Flex Container)의 속성배치 설정 - display: flex아이템들은 가로 방향으로 배치됩니다.width: 내용물의 크기만큼 차지합니다.height: 컨테이너의 높이만큼 늘어납니다. 배치 방향 설정 - flex-directionrow (기본 값): 아.. 2024. 5. 14. 이전 1 다음 반응형
