>  Q&A  >  본문

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

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

P粉455093123P粉455093123220일 전393

모든 응답(1)나는 대답할 것이다

  • P粉002572690

    P粉0025726902024-04-05 11:00:03

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

    으아악 으아악

    회신하다
    0
  • 취소회신하다