DIV 중앙 정렬하는 방법

DIV 중앙정렬 하는 방법이다.

 

<!-- CSS 부분-->
<style>
html, body
{
    height: 100%;
}

body
{
    display: table;
    margin: 0 auto;
}

.container
{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.main
{
    height: 200px;
    width: 200px;
    background-color: blue;     
}
</style>

 

 

 

 

<!-- 본문 부분 -->
<div class="container">
    <div class="main"></div>
</div>

 

 

 

 

 

출처