flex사용법1 css flex 사용법 총정리 Flexbox Flexbox Flexbox는 뷰포트나 요소의 크기가 명확하지 않고, 지속적으로 변하더라도 자동적으로 요소를 배치, 정렬할 수 있도록 하는 CSS3의 레이아웃 방식이다. HTML Flexbox CSS body { font-family: 'Segoe UI'; } h1 { text-align: center; } #container { background-color: black; width: 90%; height: 500px; margin: 0 auto; /*center*/ border: 5px solid black; } #box div { width: 100px; height: 100px; } flex 상태를 만드는 것은 간단하다. 다른 요소를 포함하는 부모 요소(#container)에 dis.. 2022. 5. 23. 이전 1 다음