DIV안 텍스트 세로 중앙 정렬 > JQuery & JavaScript

STUDY ROOM

JQuery & JavaScript

DIV안 텍스트 세로 중앙 정렬

페이지 정보

작성자 JMStudy 작성일17-08-31 11:50 조회7,147회 댓글0건

본문

<style type="text/css">

   .div {display:table; }

   .p {display:table-cell; text-align:center; vertical-align:middle;}

</style>

 

<div class="div">

   <p class="p">Text</p>

</div>

 

 

부모 앨리먼트(div)의 css 속성을 display:table; 

자식 앨리먼트(p)의 css 속성을 display:table-cell; 

 

IE7 이하에선 지원 암됨​ 

댓글목록

등록된 댓글이 없습니다.