가로 및 세로로 크기가 다양한 정사각형 또는 원형 고정 HTML 요소를 가운데에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.
이 문제는 flex로 쉽게 해결할 수 있을 것 같아요. 상위 요소(div)에서 관련 사각형 또는 원 요소를 래핑합니다. 그런 다음 justify-content 및 align-item 속성을 상위 태그에 사용합니다. 여기서는 데모를 위해 상위 컨테이너의 높이와 너비로 100vh 100vw를 사용합니다. 하지만 목적에 따라 변경할 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 문제는 flex로 쉽게 해결할 수 있을 것 같아요. 상위 요소(div)에서 관련 사각형 또는 원 요소를 래핑합니다. 그런 다음 justify-content 및 align-item 속성을 상위 태그에 사용합니다. 여기서는 데모를 위해 상위 컨테이너의 높이와 너비로 100vh 100vw를 사용합니다. 하지만 목적에 따라 변경할 수 있습니다.