css로 div 세로로 중앙 정렬시키기

자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다.

방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 .

#contentsWrap{
	height: 400px;
	width: 100%;
	position: absolute;
	top:50%;
	margin-top: -200px;
}
#contents{
	position: relative;
	margin: auto;
	background-color: #eee;
	width: 800px;
	height: 400px;
}

 나름 잘되는 것 같다.

 

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP