display : flex 1 CSS, flex 레이아웃 도장깨기 목차 flex Flexible box, Flex Box라고 부른다. 레이아웃 배치 전용으로 사용된다. flex HTML 구조 - 부모 div.container는 flex container로 불리는데 flex의 영향을 받는 전체 공간을 의미한다. - 자식 div.item는 flex item이라 불린다. item1 item2 item3 flex 부모속성 display : flex - //부모에 적용하는 속성 .container{ display: flex; //혹은 display : inline-flex;} display : flex; // 자식요소들이 가로방향으로 배치 display : block; // 자식요소들이 세로방향으로 배치 flex-direction - 줄바꿈을 결정한다. .container { .. 2022. 4. 25. 이전 1 다음
