DEVELOP/CSS

[CSS]div 정가운데 정렬

CSS .div1{width:800px;height:800px;top:50%;left:50%;margin-left:-400px;margin-top:-400px;} css로 가운데 정렬을 하려면 width와 height가 지정되어야 있어야 한다.top과 left로 절반의 공백을 지정한 후 margin left와 top값을 각각 width와 height를 반으로 나눈 값을 빼준다.그렇게 적용하면 브라우저 가운데에 div가 위치한다.