[CSS] 웹화면의 가운데 정렬하기

HTML 1 2 3 4 5 CONTENTS cs CSS 1 2 3 4 5 6 7 8 9 body { width:100%; height:100%; } #box{ width:300px; height:300px; margin:0 auto; } cs 또는 수평에서 align-items, 중심축에서의 justify-content를 이용하여 다음과 같이 정렬할 수 있다. 1 2 3 4 5 6 7 body{ background-color: var(--color-black); display: flex; flex-direction: column; justify-content: center; align-items: center; } Colored by Color Scripter cs