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