재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치

Question

가로 및 세로로 크기가 다양한 정사각형 또는 원형 고정 HTML 요소를 가운데에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.

Answer 1

이 문제는 flex로 쉽게 해결할 수 있을 것 같아요. 상위 요소(div)에서 관련 사각형 또는 원 요소를 래핑합니다. 그런 다음 justify-content 및 align-item 속성을 상위 태그에 사용합니다. 여기서는 데모를 위해 상위 컨테이너의 높이와 너비로 100vh 100vw를 사용합니다. 하지만 목적에 따라 변경할 수 있습니다.

으아악 으아악