분류
css
grid를 사용하여 부모 요소 내에 자식 요소를 가로 및 세로 가운데에 배치
본문
HTML :
<div class="grid-centering">
<div class="child">가운데 위치시키기.</div>
</div>
CSS :
.grid-centering {
display: grid;
justify-content: center;
align-items: center;
}
- 이전글grid를 이용한 기본 웹 사이트 레이아웃 18.06.14
- 다음글flexbox를 사용하여 부모 요소 내에 자식 요소를 가로 및 세로로 가운데에 배치 18.06.14