분류 css

flexbox를 사용하여 부모 요소 내에 자식 요소를 가로 및 세로로 가운데에 배치합니다.

컨텐츠 정보

  • 조회 635 (작성일 )

본문

HTML : 

<div class="flexbox-centering">
  <div class="child">Centered content.</div>
</div>



CSS : 

.flexbox-centering {
  display: flex;
  justify-content: center;
  align-items: center;
}




css