반응형 Flex1 [CSS.018] Flex로 정렬하기 dd [1] Flex 레이아웃의 구조 Flex 레리아웃의 기분 구조는 위 그림과 같습니다. 부모 요소인 div.container를 Flex Container(플렉스 컨테이너)라고 하고, 자식 요소인 div.item을 Flex Item(플렉스 아이템)이라고 합니다. 컨테이너에서 1차적으로 Flex 레이아웃 설정을 하고, 2차적으로 아이템들을 배치하면 됩니다. [2] 플렉스 컨테이너 ㅇㅇ [코드 1] [코드1-실행결과] ㅇ [코드2] display: flex 아래그림의 빨간네모 친 부분처럼, 코드1에서 display:flex를 추가해 줍니다. [코드2-실행결과] display:flex를 적용하면 플렉스 아이템들은 가로방향으로 배치됩니다. 그리고 아이템 각자는 자신의 width(가로길이)만큼만 차지하게 됩니다.. 2022. 3. 8. 이전 1 다음 728x90 반응형
