정보실

웹학교

정보실

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

본문

HTML : 

<div class="flexbox-centering">
  <div class="child">가운데 위치시키기.</div>
</div>


CSS : 

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



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 95회 ]  작성일18-06-14 12:17
css

웹학교