사이트 내 전체검색

HTML

display flex를 이용한 div center 및 vertical-align:center 적용

페이지 정보

작성자 허니무스 댓글 0건 조회 541회 작성일 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>

  

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.
login