display flex를 이용한 div center 및 vertical-align:center 적용
페이지 정보
작성자 허니무스 댓글 0건 조회 536회 작성일 23-03-15 10:31본문
<div class="parent" style="display: flex;justify-content:center;;">
<div class="child" style="">1st.</div>
<div class="child" style="">2nd.</div>
<div class="child" style="">3rd.</div>
</div>
<style type="text/css">
.parent {display: flex;justify-content:center;} /*자식들을 가운데 정렬시키기 위해서 flex, center정렬을 주었음*/
.child {display:flex;align-items:center;justify-content:center;} /* 자식을 div내 가운데 정렬 vertical-align을 center로 주기 위해서 align-items:center;justify-content:center */
</style>
댓글목록
등록된 댓글이 없습니다.