728x90 플랙스박스1 Flexbox Flexbox 행과 열을 이용하여 항목을 배치하는 레이아웃 메소드이다. display : flexbox; Flexbox는 부모 박스 요소를 통해서 자식 박스의 크기 등을 결정한다. 위 코드를 부모 박스에 선언함으로써 실행이 가능하다. box1 box2 box3 HTML 코드 이라는 부모 박스 안에 세 개의 자식 박스가 있다. main{ display : flex; border : 1px dotted red; } div { border : 1px solid green; } * { margin : 10px; padding : 10px; } 위의 HTML 코드에 연결된 CSS 코드에 display : flex를 추가한다. Flexbox의 속성 Flexbox에는 부모 요소에 적용해야하는 속성과 자식요소에 적용.. 2022. 8. 24. 이전 1 다음 728x90