[HTML + CSS] div 텍스트 가운데 정렬

안드로이드 레이아웃은

 

xml로 gravity 설정이면 가운데정렬이 되지만

 

html 정렬은 너무 어렵네요..

 

제가 웹개발을 안해봐서 그런지 View 꾸미는게 상당히 어렵습니다 ㅠㅠ

 

 

div 내의 텍스트의 가운데정렬은

 

text-align:center

 

사용하면 되지만 세로상의 가운데정렬은 안됩니다..

 

단독css로는 힘들고 위에 프레임 안에 넣어줘야한다는게

 

아직도 감이 안잡히네요

 

 

<div style="display: table; height: 400px; overflow: hidden; background-color:#F2CB61"> <div style="display: table-cell; vertical-align: middle;"> <div> 텍스트 수직 가운데 정렬 </div> </div> </div>

 

 

 

이렇게 하시면 됩니다..

 

하나의 css 객체로 하려고하니 계속 안되서

 

알아보니 상위 프레임이 필요합니다.

 

 

[참조] - https://stackoverflow.com/questions/2939914/vertically-align-text-in-a-div