소셜로그인
CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
글 수 100
div 전체 세로 정렬하기
2008.06.13 17:45:30
0
조회 수 : 14850
![[레벨:30]](http://www.webmini.net/modules/point/icons/xeicon/30.gif "포인트:65109point, 레벨:30/30"){kind=icon}
빽짱구| 출처 : |
|---|
div 로 전체 가로 정렬할때는 margin:0 auto; 나 text-align:center; 등으로 가운데 정렬을 했는데, 전체 세로 정렬할때의 방법입니다.
해당 css에 아래의 소스를 삽입하세요.
#bodyWrap {
position:absolute;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
}
보여지는 부분에 다음과 같이 코딩합니다.
<div id="bodyWrap">
내용
</div>
NN 4.7 빼곤 나머지 브라우저에서 정상작동합니다.
참고링크 : http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm
해당 css에 아래의 소스를 삽입하세요.
#bodyWrap {
position:absolute;
top: 50%;
left: 50%;
width:30em;
height:18em;
margin-top: -9em;
margin-left: -15em;
}
보여지는 부분에 다음과 같이 코딩합니다.
<div id="bodyWrap">
내용
</div>
NN 4.7 빼곤 나머지 브라우저에서 정상작동합니다.
참고링크 : http://www.infinitywebdesign.com/research/cssverticalcentereddiv.htm
0
0
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
![[레벨:2]](http://www.webmini.net/modules/point/icons/xeicon/2.gif "포인트:464point (88%), 레벨:2/30"){kind=icon}
스마일조아
